/* * JSON Tree Viewer * http://github.com/summerstyle/jsonTreeViewer * * Copyright 2017 Vera Lobacheva (http://iamvera.com) * Released under the MIT license (LICENSE.txt) */ /* Background for the tree. May use for element */ .jsontree_bg { background: #FFF; } /* Styles for the container of the tree (e.g. fonts, margins etc.) */ .jsontree_tree { margin-left: 30px; font-family: 'PT Mono', monospace; font-size: 14px; } /* Styles for a list of child nodes */ .jsontree_child-nodes { display: none; margin-left: 35px; margin-bottom: 5px; line-height: 2; } .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_child-nodes { display: block; } /* Styles for labels */ .jsontree_label-wrapper { float: left; margin-right: 8px; } .jsontree_label { font-weight: normal; vertical-align: top; color: #000; position: relative; padding: 1px; border-radius: 4px; cursor: default; } .jsontree_node_marked > .jsontree_label-wrapper > .jsontree_label { background: #fff2aa; } /* Styles for values */ .jsontree_value-wrapper { display: block; overflow: hidden; } .jsontree_node_complex > .jsontree_value-wrapper { overflow: inherit; } .jsontree_value { vertical-align: top; display: inline; } .jsontree_value_null { color: #777; font-weight: bold; } .jsontree_value_string { color: #025900; font-weight: bold; } .jsontree_value_number { color: #000E59; font-weight: bold; } .jsontree_value_boolean { color: #600100; font-weight: bold; } /* Styles for active elements */ .jsontree_expand-button { position: absolute; top: 3px; left: -15px; display: block; width: 11px; height: 11px; background-image: url(0b221c73.svg); } .jsontree_node_expanded > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button { background-position: 0 -11px; } .jsontree_show-more { cursor: pointer; } .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { display: none; } .jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button, .jsontree_node_empty > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { display: none !important; } .jsontree_node_complex > .jsontree_label-wrapper > .jsontree_label { cursor: pointer; } .jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label { cursor: default !important; } input[type='color']:not(.browser-default) { margin: 0px 0 8px 0; /** Copied from input[type=number] */ background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 16px; padding: 0; box-shadow: none; box-sizing: content-box; transition: box-shadow 0.3s, border 0.3s; } .codeblock { margin: 1.5rem 0 2.5rem 0; } .codeblock > div { margin-bottom: 1rem; } .codeblock > label { display: inline-block; } .map-editor .input-field .prefix ~ .collection { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } /* For truthy values, the checkbox is not visible when the item is selected, so make it white */ .map-editor .active .checkbox-in-collection label > input[type='checkbox']:checked + span:before { top: -4px; left: -3px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid white; /* You need to change the colour here */ border-bottom: 2px solid white; /* And here */ -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .clear, .clear-10, .clear-15 { clear: both; /* overflow: hidden; Précaution pour IE 7 */ } .clear-10 { margin-bottom: 10px; } .clear-15 { margin-bottom: 15px; } span.mandatory { margin-left: 5px; color: red; } label + .switch { margin-top: 1rem; } .mm_timeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } /* The line */ .mm_timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; } /* The date/time */ .mm_timeline > li .mm_time { display: block; width: 25%; padding-right: 100px; position: absolute; } .mm_timeline > li .mm_time span { display: block; text-align: right; } .mm_timeline > li .mm_time span:first-child { font-size: 0.9em; color: #bdd0db; } .mm_timeline > li .mm_time span:last-child { font-size: 1.4em; color: #3594cb; } .mm_timeline > li:nth-child(odd) .mm_time span:last-child { color: #6cbfee; } /* Active time */ .mm_timeline > li.active:nth-child(even) .mm_time span:last-child, .mm_timeline > li.active:nth-child(odd) .mm_time span:last-child { color: #060558; } /* Right content */ .mm_timeline > li .mm_label { margin: 0 0 15px 28%; background: #3594cb; color: #fff; padding: 0.6em 1em; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; } /* Active label */ .mm_timeline > li.active .mm_label { border: 4px solid #060558; } .mm_timeline > li:nth-child(odd) .mm_label { background: #6cbfee; } .mm_timeline > li .mm_label h5 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } /* The triangle */ .mm_timeline > li .mm_label:after { right: 100%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 10px; } /* Active triangle */ .mm_timeline > li:nth-child(even).active .mm_label:after, .mm_timeline > li:nth-child(odd).active .mm_label:after { border-right-color: #060558; } .mm_timeline > li:nth-child(odd) .mm_label:after { border-right-color: #6cbfee; } /* The icons */ .mm_timeline > li .mm_icon { width: 40px; height: 40px; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 20%; /* top: 0; */ margin: 0 0 0 -25px; } /* Active icon */ .mm_timeline > li.active .mm_icon { background: #060558; } .mm_icon > .material-icons { line-height: 3rem; } /* Example Media Queries */ @media screen and (max-width: 65.375em) { .mm_timeline > li .mm_time span:last-child { font-size: 1.5em; } } @media screen and (max-width: 47.2em) { .mm_timeline:before { display: none; } .mm_timeline > li .mm_time { width: 100%; position: relative; padding: 0 0 20px 0; } .mm_timeline > li .mm_time span { text-align: left; } .mm_timeline > li .mm_label { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } .mm_timeline > li .mm_label:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #3594cb; top: -20px; } .mm_timeline > li:nth-child(odd) .mm_label:after { border-right-color: transparent; border-bottom-color: #6cbfee; } .mm_timeline > li .mm_icon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; } } /* stylelint-disable at-rule-no-unknown */ /* Because this is a vendor sheet */ /* stylelint-disable */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ box-sizing: border-box; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [touch-action="auto"], [onclick]:not([onclick=""]) { cursor: pointer; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 1.4; min-height: 100%; min-width: 320px; } html, body, #root { min-height: 100%; height: 100%; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } *, *:before, *:after { box-sizing: inherit; } p, input, button { margin: 0; } svg:not(:root) { overflow: hidden; } /* stylelint-disable */ /*! * Quill Editor v1.3.3 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-palette(bright) { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } /*! * Quill Editor v1.3.3 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-palette(bright) { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /** * Variables declared here can be overridden by consuming applications, with * the help of the `!default` flag. * * @example * // overriding $hoverColor * $hoverColor: rgba(red, 0.05); * * // overriding image path * $flagsImagePath: "images/"; */ /* Because this is a vendor sheet */ /* stylelint-disable */ .intl-tel-input { position: relative; display: inline-block; max-height: 54px; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; } .intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; } .intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; } .intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; } .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; } .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; } .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; } .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; } .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; } .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; } .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; } .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('https://cdn.evidentid.com/common/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url('https://cdn.evidentid.com/common/images/flags@2x.png'); } } .iti-flag.np { background-color: transparent; } /* stylelint-disable */ .flatpickr-calendar { background: transparent; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; visibility: visible; overflow: visible; max-height: 640px; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.hasWeeks { width: auto; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .flatpickr-prev-month, .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; line-height: 16px; height: 28px; padding: 10px calc(3.57% - 1.5px); z-index: 3; } .flatpickr-prev-month i, .flatpickr-next-month i { position: relative; } .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ left: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ right: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month:hover, .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-prev-month svg, .flatpickr-next-month svg { width: 14px; } .flatpickr-prev-month svg path, .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.05); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33%; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flatpickr-current-month.slideLeft { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-current-month.slideLeftNew { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-current-month.slideRight { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-current-month.slideRightNew { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: default; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; height: initial; border: 0; border-radius: 0; vertical-align: baseline; vertical-align: initial; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .flatpickr-calendar.animate .dayContainer.slideLeft { -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.animate .dayContainer.slideRight { -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .flatpickr-calendar.animate .dayContainer.slideRightNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange { box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { pointer-events: none; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day { display: block; width: 100%; max-width: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus { background: #f0f0f0; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fpSlideLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fpSlideLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fpSlideLeftNew { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpSlideLeftNew { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fpSlideRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fpSlideRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fpSlideRightNew { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpSlideRightNew { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fpFadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fpFadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fpFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fpFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes loading { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } @keyframes loading { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } /* stylelint-disable declaration-no-important */ .fg-brandprimary { color: #2ab698 !important; } .bg-brandprimary { background-color: #2ab698 !important; } .border-brandprimary { border: 1px solid #2ab698 !important; } /* stylelint-enable declaration-no-important */ /* stylelint-disable declaration-no-important */ .fg-bright { color: #fff !important; } .bg-bright { background-color: #fff !important; } .border-bright { border: 1px solid #fff !important; } /* stylelint-enable declaration-no-important */ /* stylelint-disable declaration-no-important */ .fg-interactive { color: #0076ff !important; } .bg-interactive { background-color: #0076ff !important; } .border-interactive { border: 1px solid #0076ff !important; } /* stylelint-enable declaration-no-important */ /* stylelint-disable declaration-no-important */ .fg-danger { color: #f15946 !important; } .bg-danger { background-color: #f15946 !important; } .border-danger { border: 1px solid #f15946 !important; } /* stylelint-enable declaration-no-important */ /* stylelint-disable declaration-no-important */ .fg-success { color: #80c77a !important; } .bg-success { background-color: #80c77a !important; } .border-success { border: 1px solid #80c77a !important; } /* stylelint-enable declaration-no-important */ /* stylelint-disable declaration-no-important */ .fg-copy { color: #2d3e50 !important; } .bg-copy { background-color: #2d3e50 !important; } .border-copy { border: 1px solid #2d3e50 !important; } /* stylelint-enable declaration-no-important */ /* Generate palette utility classes of form: .fg-NAME { color: VALUE } .bg-NAME { background-color: VALUE } ...for each color designated in bridge.js */ .chameleon { border: none; outline: none; background: transparent; padding: 0; margin: 0; } .crisp { font-weight: normal; } .dead-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .kebab { align-items: center; display: flex; } .line-items { list-style: none; margin: 0; padding: 0; white-space: nowrap; } /* Places content on a layer we designate as the "top", although this is admittedly arbitrary. Just use this mixin with that expectation, and if we see a visual contradiction we'll address it in this one spot. */ .on-top { z-index: 9999999; } .plateau { background: #fff; box-shadow: 0 0 4px 4px #ededed; } .round { border-radius: 20px; } .swap-cell-font-weights th { font-weight: normal; } .swap-cell-font-weights td { font-weight: bold; } .spread { width: 100%; display: block; } [id$="-error"] { color: #f15946; } a { color: #2eb495; cursor: pointer; text-decoration: none; } html, body, th, td, option, select, p, li, ul, input, label, svg, textarea { color: #7d8792; font-family: "Roboto", sans-serif; font-size: 16px; } h1, h2, h3, h4, h5, h6 { color: #2e3f51; font-family: "Roboto Condensed", sans-serif; } input:focus { outline-color: #2eb495; } textarea:focus { outline: 1px #2eb495 solid; } /* stylelint-disable-next-line selector-no-qualifying-type */ input[type="range"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 11px 0; width: 100%; } input[type="range"]:focus { outline: none; } input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; box-shadow: 2px 2px 2px transparent, 0 0 2px rgba(13, 13, 13, 0); background: #2eb495; border-radius: 0; border: 1px solid #bfbfbf; } input[type="range"]::-webkit-slider-thumb { box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0); border: 2px solid #bfbfbf; height: 22px; width: 22px; border-radius: 99px; background: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -9.5px; } input[type="range"]:focus::-webkit-slider-runnable-track { background: #6edac1; } input[type="range"]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; box-shadow: 2px 2px 2px transparent, 0 0 2px rgba(13, 13, 13, 0); background: #2eb495; border-radius: 0; border: 1px solid #bfbfbf; } input[type="range"]::-moz-range-thumb { box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0); border: 2px solid #bfbfbf; height: 22px; width: 22px; border-radius: 99px; background: #fff; cursor: pointer; } input[type="range"]::-ms-track { width: 100%; height: 5px; cursor: pointer; background: transparent; border-color: transparent; border-width: 22px 0; color: transparent; } input[type="range"]::-ms-fill-lower { background: #196352; border: 1px solid #bfbfbf; border-radius: 0; box-shadow: 2px 2px 2px transparent, 0 0 2px rgba(13, 13, 13, 0); } input[type="range"]::-ms-fill-upper { background: #2eb495; border: 1px solid #bfbfbf; border-radius: 0; box-shadow: 2px 2px 2px transparent, 0 0 2px rgba(13, 13, 13, 0); } input[type="range"]::-ms-thumb { box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0); border: 2px solid #bfbfbf; height: 22px; width: 22px; border-radius: 99px; background: #fff; cursor: pointer; } input[type="range"]:focus::-ms-fill-lower { background: #2eb495; } input[type="range"]:focus::-ms-fill-upper { background: #6edac1; } .AutoComplete__entries { min-width: 100%; left: 0; position: absolute; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(211, 211, 211, 0.5); max-height: 350px; overflow-y: auto; } .AutoComplete__entries__match { padding: 5px; cursor: pointer; border-bottom: 1px solid #fff; width: 100%; } .AutoComplete__entries__match--focused { background-color: rgba(217, 218, 219, 0.7); border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .AutoComplete__entries__particle--bold { font-weight: bold; } .Button { border-radius: 4px; outline: 0; border: 0; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.5rem 1rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: inline-block; } .Button.Button--danger { color: #f15946; background-color: #fcd9d4; } .Button.Button--disabled-secondary { opacity: 0.5; color: #2eb495; background-color: transparent; } .Button.Button--secondary { color: #2eb495; background-color: transparent; } .Button.Button--danger-disabled { color: #f15946; background-color: #fcd9d4; opacity: 0.5; } .Button.Button--disabled-primary { color: #fff; background-color: #2eb495; opacity: 0.5; } .Button.Button--primary { color: #fff; background-color: #2eb495; } .Button.Button--glass-primary { color: #2eb495; background-color: transparent; } .Button.Button--disabled-primary-round { opacity: 0.5; border-radius: 20px; color: #fff; background-color: #2eb495; } .Button.Button--primary-round { border-radius: 20px; color: #fff; background-color: #2eb495; } .Button.Button--danger-glass { color: #f15946; background-color: transparent; } .Button.Button--danger-round { border-radius: 20px; color: #fff; background-color: #f15946; } .Button.Button--caution { background-color: #f9e171; color: #675504; } .svgSpinner { margin-top: 50px; margin-bottom: 133px; } .svgSpinner__text { text-align: center; color: #2d3e50; } .svgSpinner__image { display: block; width: 100px; margin: 0 auto; height: 100px; } .CapturedDocument { height: 100%; } .CapturedDocument__toolbar { display: flex; align-items: center; justify-content: space-between; font-size: 1.2rem; margin: 0 0 1rem 0; } .CapturedDocument__button { flex: 0 1 40px; } .CapturedDocument__download { color: #2eb495; } .CapturedDocument__location { flex: 1 0; } .CapturedDocument iframe { min-height: 800px; height: 100%; } .ChipList { background-color: #fff; min-height: 200px; padding: 10px; } .ChipList .pseudoPlaceholder { color: #c7c7cd; } .ChipList input { border: none; outline: none; background: transparent; padding: 0; margin: 0; width: 5px; padding: 1px; color: transparent; caret-color: #2eb495; } .ChipList input:focus { outline: none; } .ChipList__pseudoInput { display: inline-block; } .ChipList__validChip { display: inline-block; color: #2eb495; background-color: #d9efea; border-color: #2eb495; border: 2px solid; border-radius: 7px; padding: 3px; margin: 2px; } .ChipList__invalidChip { display: inline-block; color: #f15946; border-color: #f15946; border: 2px solid; border-radius: 7px; padding: 3px; margin: 2px; } .ChipList .Named { margin-left: 5px; } .DatePicker { width: 100%; display: inline-flex; align-items: center; } .DatePicker .flatpickr-input { border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; border-right: 0; } .DatePicker .Named { color: #000; border: 1px solid #e9e9e9; border-left: 0; background-color: #fcfcfc; padding: 7px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .Dropdown { background: none; background: #fff; border-radius: 4px; border: #dadada 1px solid; border: 1px solid #dadada; outline: none; padding: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .Dropdown:focus { outline: 1px #2eb495 solid; } .FileDropbox { align-items: center; background: #fff; border-radius: 4px; border: 1px dashed #2eb495; color: #2eb495; display: flex; justify-content: center; line-height: 24px; padding: 1rem; transition: background 1s; } .FileDropbox__icon { font-size: 24px; margin: 0 8px; } .FileDropbox.draghover { background: #baffee; } .IndefiniteProgressBar { height: 4px; width: 100%; position: relative; overflow: hidden; background-color: #ddd; } .IndefiniteProgressBar:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #2980b9; -webkit-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .AddressForm { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 215px 125px 125px; justify-content: center; min-width: 100%; grid-row-gap: 20px; row-gap: 20px; padding-bottom: 20px; } .AddressForm__street1 { grid-column-start: span 3; width: 367px; } .AddressForm__street2 { grid-column-start: span 3; width: 367px; } .AddressForm__country .Dropdown { background-color: #fcfcfc; border-color: #e9e9e9; height: 40px; width: 100%; } .LabeledCheckbox { display: flex; align-items: center; } .LabeledCheckbox, .LabeledCheckbox__checkbox { margin: 0 8px 0 0; flex: 0 1; } .LabeledCheckbox, .LabeledCheckbox__label { flex: 1 0; vertical-align: middle; } .LabeledCheckbox:focus { outline: none; } .Overlay { z-index: 9999999; background-color: rgba(200, 200, 200, 0.5); top: 0; left: 0; width: 100%; height: 100%; } .Overlay.Overlay--full { position: fixed; } .Overlay.Overlay--relative { position: absolute; } .Snackbar { position: fixed; right: 0; left: 50%; display: flex; flex-direction: column; bottom: 0; z-index: 99999; border: 1px solid #3a3a3a; color: #2D3E50; background: #e6e6e6; padding: 1.2rem; text-align: center; visibility: hidden; -webkit-transform: translate(-50%, 48px); transform: translate(-50%, 48px); transition: visibility 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms, -webkit-transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms; transition: transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms, visibility 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms; transition: transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms, visibility 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms, -webkit-transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000) 0ms; } .Snackbar--open { visibility: visible; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .Snackbar--success { background: #E9F8F4; border: 1px solid #2AB698; } .Snackbar--failure { background: #FFE5E2; border: 1px solid #F05B46; } .Spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .Spinner__image { position: relative; /* stylelint-disable declaration-no-important */ width: 60px !important; height: 60px !important; /* stylelint-enable declaration-no-important */ -webkit-transform: translate(-30px, -30px) scale(0.3) translate(30px, 30px); transform: translate(-30px, -30px) scale(0.3) translate(30px, 30px); } .Spinner__image div { left: 94px; top: 48px; position: absolute; -webkit-animation: fade-out linear 1s infinite; animation: fade-out linear 1s infinite; background: #a8a8a8; width: 12px; height: 24px; border-radius: 20%; -webkit-transform-origin: 6px 52px; transform-origin: 6px 52px; } .Spinner__image div:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -0.9167s; animation-delay: -0.9167s; } .Spinner__image div:nth-child(2) { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -0.8333s; animation-delay: -0.8333s; } .Spinner__image div:nth-child(3) { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -0.75s; animation-delay: -0.75s; } .Spinner__image div:nth-child(4) { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.6667s; animation-delay: -0.6667s; } .Spinner__image div:nth-child(5) { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.5833s; animation-delay: -0.5833s; } .Spinner__image div:nth-child(6) { -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .Spinner__image div:nth-child(7) { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.4167s; animation-delay: -0.4167s; } .Spinner__image div:nth-child(8) { -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.3333s; animation-delay: -0.3333s; } .Spinner__image div:nth-child(9) { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.25s; animation-delay: -0.25s; } .Spinner__image div:nth-child(10) { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.1667s; animation-delay: -0.1667s; } .Spinner__image div:nth-child(11) { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.0833s; animation-delay: -0.0833s; } .Spinner__image div:nth-child(12) { -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: 0s; animation-delay: 0s; } .WeddingCake { padding: 3rem 0.5rem; } .WeddingCake__body { display: block; margin: 0 auto; max-width: 90%; text-align: center; } .WeddingCake__ornament { display: block; max-height: 7rem; min-height: 3rem; } @media only screen and (min-width: 1024px) { .WeddingCake { padding: 3rem; } .WeddingCake__body { max-width: 70%; } } .SearchableDropdown { position: relative; margin-right: 2rem; display: flex; flex-direction: column; font-size: 14px; } .SearchableDropdown.opened .SearchableDropdown__submenu { display: flex; } .SearchableDropdown__submenu { top: 0; right: 0; display: none; flex-direction: column; background: #ffffff; border: 1px solid #d3d3d3; border-radius: 6px; position: absolute; box-shadow: 0 2px 3px #aaa; z-index: 1000; } .SearchableDropdown__options { display: flex; flex-direction: column; white-space: nowrap; max-height: 300px; overflow-y: auto; padding: 0 0.5rem 0.7rem; margin-top: 0.7rem; } .SearchableDropdown__option { padding: 0.3rem 0.4rem; color: #4c585e; white-space: nowrap; margin: 1px; } .SearchableDropdown__option.highlighted { margin: 0; border: 1px #a8a8a8 dotted; } .SearchableDropdown__selected { min-width: 140px; border-radius: 6px; text-align: left; border: 1px solid #d3d3d3; padding: 0.7rem 1rem; cursor: pointer; } .SearchableDropdown__selected-opened { padding: 1rem; } .SearchableDropdown__selected-opened .SearchableDropdown__option { margin: 0; padding: 0; } .SearchableDropdown .fa-sort-down { float: right; margin: -2px 0 0 10px; } .SearchableDropdown .SearchInput { padding: 0 5%; } .PaginatedView__nav { display: grid; grid-template-columns: 1fr 5fr 1fr; margin: 15px 0; } .PaginatedView__arrow { box-shadow: none; border: 1px solid #e0e0e0; } .PaginatedView__arrow:hover { background-color: #f0f0f0; cursor: pointer; } .PaginatedView__title { text-align: center; } .SearchInput { min-width: 140px; position: relative; } .SearchInput__input { border: 1px solid #d3d3d3; color: #818181; width: 100%; padding: 10px 25px 10px 10px; } .SearchInput__icon { position: absolute; right: 1rem; top: calc(50% - 7px); height: 14px; -webkit-transform-origin: -50%; transform-origin: -50%; } .SearchInput__icon.fa-times { cursor: pointer; } /* stylelint-disable selector-max-combinators, selector-max-compound-selectors, max-line-length, selector-no-qualifying-type */ .switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label + .switch { margin-top: 8px; } .switch input[type="checkbox"][disabled] + .lever { cursor: default; background-color: rgba(0, 0, 0, 0.12); } .switch label { cursor: pointer; } .switch label input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .switch label input[type="checkbox"]:checked + .lever { background-color: #2eb495; } .switch label input[type="checkbox"]:checked + .lever:before, .switch label input[type="checkbox"]:checked + .lever:after { left: 18px; } .switch label input[type="checkbox"]:checked + .lever:after { background-color: #2eb495; } .switch label input[type="checkbox"][disabled] + .lever:after { background-color: #949494; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0, 0, 0, 0.38); border-radius: 15px; transition: background 0.3s ease; vertical-align: middle; margin: 0 10px 0 10px; } .switch label .lever:before, .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease; } .switch label .lever:before { background-color: rgba(38, 166, 154, 0.15); } .switch label .lever:after { background-color: #f1f1f1; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::before, input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(38, 166, 154, 0.15); } input[type="checkbox"]:not(:disabled) ~ .lever:active:before, input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(0, 0, 0, 0.08); } .JsonViewerWrapper { text-align: left; min-width: 800px; /* stylelint-disable */ /* stylelint-enable */ } .JsonViewerWrapper .jsontree_child-nodes { margin-left: 0; } .JsonViewerWrapper .jsontree_tree { padding-left: 0; margin-left: 0; } .JsonViewerWrapper .jsontree_expand-button { background: none; border: 1px solid #000; width: 15px; height: 15px; left: -20px; } .JsonViewerWrapper .jsontree_expand-button::before { display: block; content: "+"; line-height: 14px; width: 15px; text-align: center; } .JsonViewerWrapper .jsontree_node_expanded > .jsontree_label-wrapper .jsontree_expand-button::before { content: "-"; } .JsonViewerWrapper ul { list-style-type: none; } .JsonViewerWrapper .jsontree_value_string { word-wrap: anywhere; } .watchList { display: grid; grid-template-columns: minmax(400px, 600px) minmax(500px, auto); grid-gap: 15px; margin: -20px; padding: 20px; background-color: #f0f0f0; } .watchList .Collapsible__heading .Named { margin-top: 15px; } .watchList .Collapsible__heading h3 { font-weight: normal; font-size: 20px; margin: 15px 0; } .watchList .title { display: block; font-family: [object Object],[object Object]; } .watchList .failoverInput { margin-bottom: 5px; } .watchList__matchDetailField { display: block; width: 100%; resize: none; height: 150px; padding: 10px; border-radius: 3px; border-color: #dadada; color: #2d3350; } .watchList__updater { background-color: #fff; margin-top: 10px; padding: 20px; border: 1px solid #dadada; } .watchList__removeField { color: #f15946; background-color: #fcd9d4; margin-left: 5px; } .watchList__addMatchButton { color: #fff; background-color: #2eb495; padding: 5px 10px; border-radius: 25px; border-color: #2eb495; margin-bottom: 10px; } .watchList__addMatchButton :hover { background-color: #000; } .watchList__checkbox { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none; } .watchList__formHeader { font-weight: normal; font-size: 20px; margin: 15px 0; } .watchList .jsonButton { display: inline-block; margin: auto 0 auto auto; color: #00795d; } .watchList__matchStatus { padding: 20px; border: 1px solid #d5d7d8; background-color: #fff; display: grid; grid-template-rows: auto auto; grid-gap: 15px; margin-top: 26px; } .watchList__matchStatus .Dropdown { width: 100%; } .watchList__matchListHeader { display: grid; grid-template-columns: auto auto; } .watchList .KeyValuePair { background-color: #fff; } .watchList .KeyValuePair__key { font-weight: bold; white-space: nowrap; width: 135px; } .watchList .KeyValuePair__value { padding: 10px; } .watchList .PaginatedView { grid-column: 1 / span 2; } .CheckIdInterface { box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; grid-auto-flow: column; justify-items: center; padding: 0 20px; } .CheckIdInterface__forms { position: relative; width: 100%; } .CheckIdInterface__forms .Collapsible__body input { background-color: #fcfcfc; border: 1px solid #e9e9e9; border-top-left-radius: 3px; border-bottom-left-radius: 3px; box-sizing: border-box; height: 40px; width: 100%; padding-left: 10px; } .CheckIdInterface__forms .Collapsible__body input::-webkit-input-placeholder { color: #cbcbcb; } .CheckIdInterface__forms .Collapsible__body input:-ms-input-placeholder { color: #cbcbcb; } .CheckIdInterface__forms .Collapsible__body input::-ms-input-placeholder { color: #cbcbcb; } .CheckIdInterface__forms .Collapsible__body input::placeholder { color: #cbcbcb; } .CheckIdInterface__forms .Collapsible__body label { color: #747474; width: 100%; font-size: 12px; line-height: 2em; } .VerificationFailures { display: block; padding: 2em; border: 1px solid #8e8e8e; } .VerificationFailures__description { text-align: left; font-size: 1em; padding-left: 1em; margin: 0.3em 0; } .VerificationFailures__intro { font-size: 0.9em; color: #8e8e8e; padding-bottom: 1em; } .VerificationFailures--alerts { border: 1px solid #f05944; border-radius: 1px; } .VerificationFailures--alerts .VerificationFailures__descriptionText { color: #f05944; } .VerificationFailures .Tooltip { display: inline-block; margin-left: 0.5em; } .VerificationFailures .Tooltip__expansion { margin-top: 1em; padding: 1em; background: #fff; border: 1px solid #ccc; font-size: 0.9em; line-height: normal; line-height: initial; z-index: 1; border-radius: 3px; left: -40px; box-shadow: 0 2px 4px 0 #8e8e8e; } .VerificationFailures .Tooltip__expansion::before { background: #fff; content: " "; position: absolute; margin-top: -25px; left: 48px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 15px; height: 15px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } .VerificationFailures__tooltipTitle { font-weight: bold; font-size: 1.2em; margin-bottom: 0.5em; } .VerificationFailures__tooltipBody { min-width: 20em; } .Collapsible--alert .Collapsible__heading, .Collapsible--alert .Collapsible__heading .Named { color: #f05944; } .Collapsible--alert .Collapsible__label { padding: 0 0.8em; flex-grow: 1; } .Collapsible .Ballotbox.checked, .Collapsible .Ballotbox:hover { background: #2d3e50; } .Collapsible .fa-exclamation-triangle { line-height: 2em; } body { overflow-y: scroll; } html, body, th, td, option, select, p, li, ul, input, label, svg { color: #2d3e50; } h1, h2, h3, h4, h5, h6 { margin: 0 0 1rem 0; color: #2d3e50; } [title] { cursor: help; -webkit-text-decoration-line: underline; text-decoration-line: underline; } table { text-align: left; } .fg-danger input, .fg-danger select, .fg-danger textarea { border: 1px solid #f15946 !important; } .Junction__navigation, .SearchBar { border-right: 1px solid #dadada; } .OperationsTable th, .OperationsTable td, .JunctionNavItem, .Junction__bar, .Junction__brand, .SearchBar { border-bottom: 1px solid #dadada; } .SingleLineTextInput input, .FullNameField input, .DateInput input, .MultiLineTextInput textarea, .EnumSelection .Dropdown, .GeneratedInterface .RecordTypeSelection .Dropdown { display: block; margin: 0 0 8px 0; width: 100%; padding: 10px 8px; background: #fff; } .Address { font-family: inherit; margin: 0; padding: 0; } .AttributeSharingContexts { width: 100%; } .AttributeInstanceListing, .RequestAndAttrPanel { width: 100%; border: 2px #bdbdbd solid; } .Ballotbox { display: inline-block; vertical-align: middle; position: relative; width: 1px; height: 1px; border-radius: 2px; padding: 7px; background: #a8a8a8; } .BinaryDataPreview, .BinaryData, .BinaryDataPreview *, .BinaryData * { width: 100%; } .Ballotbox > * { border: solid #fff; border-width: 0 2px 2px 0; width: 5px; display: block; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .Ballotbox:hover { background: #2eb495; } .Ballotbox.checked { background: #2eb495; } .CaseOption { align-items: center; display: flex; white-space: nowrap; } .CaseOption__caseNumberContainer { flex: 0 1 150px; font-weight: bold; margin: 0 1rem 0 0; } .civilMV { display: grid; grid-template-columns: 40% auto; grid-gap: 10%; justify-items: center; } .civilMV__case--active { border: 1px solid #2eb495; } .civilMV__case--inactive { border: 1px solid #f15946; } .civilMV__buttons { padding: 5px; } .civilMV__buttons > * { margin-left: 5px; } .civilMV__header { font-size: 18px; line-height: 40px; padding: 8px; } .civilMV .Collapsible__body { padding: 0; border: none; } .civilMV__detail { margin-top: -1px; padding: 10px 20px; display: grid; grid-template-columns: 40% 60%; width: 100%; border: 1px solid #e0e0e0; border-collapse: collapse; word-wrap: break-word; background-color: #fff; } .civilMV__detailKey { display: flex; align-self: center; color: #777; font-size: 12px; } .civilMV__detailValue { display: flex; align-self: center; overflow: auto; } .civilMV__leftCol { width: 100%; } .Collapsible > * { width: 100%; } .Collapsible__heading { width: 100%; border-radius: 0; cursor: pointer; font-size: 18px; line-height: 40px; padding-right: 8px; color: #2d3f50; display: inline-flex; justify-content: space-between; } .Collapsible__heading .Named { color: #2ab698; } .Collapsible__heading:hover { background-color: #f8f8f8; } .Collapsible__body { width: 100%; background-color: #fff; justify-content: center; grid-gap: 20px; } .CollapsibleIdDocumentImageAdjustmentDialogMenu [type="range"] { width: 100%; } .CollapsibleIdDocumentImageAdjustmentDialogMenu__headingContainer { align-items: center; display: flex; } .CollapsibleIdDocumentImageAdjustmentDialogMenu__iconContainer { margin: 0 8px 0 0; } .CollapsibleIdDocumentImageAdjustmentDialogMenu .Collapsible { margin: 9px 23px 0 17px; } .CollapsibleIdDocumentImageAdjustmentDialogMenu .Collapsible__heading { align-items: center; display: flex; background-color: #fff; color: #2eb495; justify-content: space-between; padding: 16px; width: 100%; } .CollapsibleIdDocumentImageAdjustmentDialogMenu .Collapsible__body { padding: 16px; } .CollapsibleIdDocumentImageAdjustmentDialogMenu .Collapsible.Collapsible--open .Collapsible__heading { background-color: #2d3f50; color: #fff; } .CollapsibleIdDocumentImageAdjustmentDialogMenu .Collapsible.Collapsible--open .Named { color: #fff; } .CollapsibleIdDocumentImageAdjustmentDialogMenu__submittedImages { max-width: 547px; } .CommandSelection { display: flex; align-items: center; } .CommandSelection .Button { margin-left: 4px; } .ConfirmDialog { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; background: #fff; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 2rem; } .ConfirmDialog__controls { margin: 2rem 0 0 0; display: flex; align-items: center; justify-content: space-around; } .Counter { background: #f15b47; border-radius: 999px; color: #fff; display: inline-block; font-weight: bold; text-align: center; margin: 0 0 0 4px; padding: 4px; } .DatePicker > * { margin: 0 0 8px 0; border-width: 1px; } .DatePicker .flatpickr-input { height: 38px; border-color: #e9e9e9; border-style: solid; } .DocumentCarousel { height: 100%; } .DocumentCarousel__toolbar { display: flex; align-items: center; justify-content: space-between; font-size: 1.2rem; margin: 0 0 1rem 0; } .DocumentCarousel__button { flex: 0 1 40px; } .DocumentCarousel__download { color: #2eb495; } .DocumentCarousel__location { flex: 1 0; } .DocumentImageSmallNav { align-items: center; display: flex; } .DocumentImageSmallNav__label { text-align: center; margin: 0 20px; white-space: nowrap; } .DocumentImageSmallNav__next, .DocumentImageSmallNav__prev { color: #2eb495; } .DocumentImageNavigation { display: grid; grid-row-gap: 10px; row-gap: 10px; } .DocumentImageNavigation__listingContainer { display: grid; grid-auto-rows: 1fr; } .DocumentImageOption { align-items: center; display: flex; border: 1px solid #dadada; cursor: pointer; padding: 8px; white-space: nowrap; } .DocumentImageOption--selected { background-color: #eef2f8; } .DocumentImageOption--unavailable .DocumentImageOption__nameContainer { color: #cbcbcb; } .DocumentImageOption__actionContainer { flex: 0 1; } .DocumentImageOption__nameContainer { flex: 1 0; padding: 0 20px; } .DocumentImageOption__thumbnailContainer { flex: 0 1 96px; } .DocumentImageToolbar { align-items: center; display: flex; } .DocumentImageToolbar__buttonContainer { display: flex; flex: 1 0; justify-content: flex-end; } .DocumentImageToolbar__smallNavContainer { flex: 0 1; } .DocumentImageViewer { border: 1px solid #2eb495; } .DocumentImageViewer .Scene { max-width: 100%; height: auto; } .DocumentPageView { height: 100%; } .DocumentPageView * { width: 100%; } .DocumentPageView iframe { min-height: 800px; height: 100%; } .DocumentTypeAssertion__question { margin: 0 0 20px 0; } .DocumentTypeAssertion__choicesContainer { display: grid; grid-row-gap: 10px; row-gap: 10px; } .ExpirationDate { display: grid; grid-template-columns: 9% 43% 48%; } .ExplodedAddressForm { grid-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; display: grid; /* stylelint-disable max-line-length */ grid-template-areas: "street_number street_name street_name street_unit" "city postal_code postal_code postal_code_suffix" "neighborhood county county post_office_box_id" "countryState countryState country state"; /* stylelint-enable max-line-length */ grid-row-gap: 20px; row-gap: 20px; } .ExplodedAddressForm label { white-space: nowrap; } .ExplodedAddressForm .city { grid-area: city; } .ExplodedAddressForm .country { grid-area: country; } .ExplodedAddressForm .county { grid-area: county; } .ExplodedAddressForm .neighborhood { grid-area: neighborhood; } .ExplodedAddressForm .post_office_box_id { grid-area: post_office_box_id; } .ExplodedAddressForm .postal_code { grid-area: postal_code; } .ExplodedAddressForm .postal_code_suffix { grid-area: postal_code_suffix; } .ExplodedAddressForm .state { grid-area: state; } .ExplodedAddressForm .street_name { grid-area: street_name; } .ExplodedAddressForm .street_number { grid-area: street_number; } .ExplodedAddressForm .street_unit { grid-area: street_unit; } .ExplodedAddressForm .CountryStateDropdowns { grid-area: countryState; } .FieldList { margin: 8px 0; } .FieldList__items { padding: 8px; border: 1px dotted #bbb; } .FieldListRow { align-items: center; display: flex; } .FieldListRow__content { flex: 1 0; } .FieldListRow__controls { flex: 0 1 24px; } .FieldListRow__controls .Button { padding: 0; text-align: center; } .FullNameField__inputs { display: grid; grid-template-columns: 1fr 2fr 2fr 2fr 1fr; } .GlorifiedClipboard { width: 100%; height: 500px; margin: 1rem 0; } .HistoryOption { align-items: center; display: flex; color: #2eb495; cursor: pointer; border: 1px solid #dadada; font-size: 14px; padding: 1rem; position: relative; margin: -1px 0 0 0; } .HistoryOption__iconContainer { flex: 0 1 30px; } .HistoryOption__contentContainer { display: grid; grid-template-areas: "upper" "lower"; grid-row-gap: 6px; row-gap: 6px; } .HistoryOption__upper { grid-area: upper; } .HistoryOption__lower { grid-area: lower; } .HistoryOption.HistoryOption--needsReview { color: #f15946; } .HistoryOption.HistoryOption--selected { background-color: #e8f9f5; } .HistoryOption.HistoryOption--userAsserted { font-style: oblique; } .IdDocumentImageAdjustmentDialog, .IdDocumentFaceCroppingDialog { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; min-height: 620px; background-color: #f4f4f4; } .IdDocumentImageAdjustmentDialog__toolbarContainer, .IdDocumentFaceCroppingDialog__toolbarContainer { background-color: #fff; } .IdDocumentImageAdjustmentDialog__adjustmentsContainer, .IdDocumentFaceCroppingDialog__adjustmentsContainer { background-color: #e5e9ec; } .IdDocumentImageAdjustmentDialog__imageContainer, .IdDocumentFaceCroppingDialog__imageContainer { position: relative; } .IdDocumentFaceCroppingDialog { display: grid; grid-template-areas: "t" "i"; grid-template-rows: -webkit-max-content auto; grid-template-rows: max-content auto; } .IdDocumentFaceCroppingDialog__toolbarContainer { grid-area: t; } .IdDocumentFaceCroppingDialog__workspace { background-color: #f4f4f4; display: grid; grid-area: i; grid-template-areas: "o"; grid-template-rows: 600px; padding: 30px; } .IdDocumentFaceCroppingDialog__workspace > * { position: relative; grid-area: o; } .IdDocumentFaceCroppingDialog__imageContainer, .IdDocumentFaceCroppingDialog__imageContainer > *, .IdDocumentFaceCroppingDialog canvas { width: 100%; } .IdDocumentImageAdjustmentDialog { display: grid; grid-template-areas: "t t" "m v" "m v"; grid-template-columns: 335px auto; grid-template-rows: -webkit-max-content auto; grid-template-rows: max-content auto; } .IdDocumentImageAdjustmentDialog__toolbarContainer { grid-area: t; } .IdDocumentImageAdjustmentDialog__adjustmentsContainer { grid-area: m; } .IdDocumentImageAdjustmentDialog__imageContainer { align-self: center; justify-self: center; grid-area: v; padding: 30px; position: relative; } .IdDocumentImageAdjustmentDialog__imageContainer [class*="Scene"] { max-width: 100%; } .IdDocumentImageAdjustmentDialogCropControls__actionContainer { margin: 20px 0 0 0; } .IdDocumentImageAdjustmentDialogCropControls__actionContainer .Button { width: 100%; } .IdDocumentImageAdjustmentDialogToolbar, .IdDocumentFaceCroppingDialogToolbar { align-items: center; display: flex; justify-content: space-between; padding: 10px; } .IdDocumentImageAdjustmentDialogToolbar__actionContainer, .IdDocumentFaceCroppingDialogToolbar__actionContainer { display: flex; flex: 0 1; } .IdDocumentImageAdjustmentDialogToolbar__actionContainer .Button, .IdDocumentFaceCroppingDialogToolbar__actionContainer .Button { margin: 0 0 0 20px; } .IdDocumentImageAdjustmentDialogTransformControls { display: grid; grid-template-areas: "rotations flips" "slider slider"; grid-template-columns: 1fr 1fr; grid-template-rows: 60px auto; grid-row-gap: 20px; row-gap: 20px; grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .IdDocumentImageAdjustmentDialogTransformControls__rotations { grid-area: rotations; } .IdDocumentImageAdjustmentDialogTransformControls__flips { grid-area: flips; } .IdDocumentImageAdjustmentDialogTransformControls__slider { grid-area: slider; } .IdDocumentImageAdjustmentDialogTransformControls .Button { background-color: #fff; border-radius: 0; border: 1px solid #dedddd; display: inline-block; height: 100%; padding: 8px; position: relative; width: 50%; } .IdDocumentImageAdjustmentDialogTransformControls .Button i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #2eb495; font-size: 1.5rem; } .IdDocumentIdoDetailsForm { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, -webkit-max-content); grid-template-rows: repeat(3, max-content); grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .IdDocumentIdoDetailsForm .Dropdown { background-color: #fcfcfc; width: 100%; height: 40px; border: 1px solid #e9e9e9; } .IdDocumentIssuanceDetailsForm { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; min-height: 250px; grid-template-columns: auto auto; } .IdDocumentIssuanceDetailsForm .Dropdown { background-color: #fcfcfc; border-color: #e9e9e9; height: 40px; width: 100%; } .IdoDetail p { margin: 1rem 0; } .IdoOpenRecordsSearchResult { margin: 0.5rem 0 1.5rem 0; background: #f3f3f3; padding: 8px; } .IdoOpenRecordsSearchResult__meta { border-bottom: #dadada 1px solid; } .IdoOpenRecordsNavigation { margin: 1rem 0 0 0; } .IdoOpenRecordsNavigation__heading { font-weight: bold; margin: 4px 0 2px 0; } .IdoOpenRecordsNavigation__records { background: #fff; } .IdoOpenRecordsNavItem { align-items: center; display: flex; cursor: pointer; padding: 8px; } .IdoOpenRecordsNavItem__recordTypeContainer { flex: 1; } .IdoOpenRecordsNavItem:hover { background-color: #e8f9f5; } .IdoSummary th { width: 120px; } .IndividualRecordHistoryNavigation { margin: 0 0 1rem 0; } .GeneratedInterface { display: grid; grid-template-columns: 50% 50%; padding: 1rem; } .GeneratedInterface__form, .GeneratedInterface__attachments { padding: 1rem; } .LabeledCheckbox { text-align: center; } .LoadingMore { display: grid; grid-template-rows: auto 50px; padding: 1rem; text-align: center; } .LoadingMore__indicator { position: relative; } .ManualVerification__workspace { margin: 20px; } .ManualVerificationToolbar { border-bottom: 1px solid #d4d5d8; align-items: center; display: flex; background: #e4e7ea; font-size: 1.2rem; padding: 20px; } .ManualVerificationToolbar h1 { font-size: 1rem; margin: 0; } .ManualVerificationToolbar .Button { min-width: 120px; } .ManualVerificationToolbar > * { margin: 0 1rem; } .ManualVerificationToolbar__grow { flex: 1 0; } .ManualVerificationToolbar__shrink { flex: 0 1; } /* ~ = Fluid horizontal border - = Fixed horizontal border ! = Scrollable region | = Non-scrollable region +-------+~~~~~~~~~~~~~~~~~~~~+ | Brand | App bar | +-------+~~~~~~~~~~~~~~~~~~~~+ | Nav |! Content !| | |! !| | |! !| | |! !| | |! !| | |! !| | |! !| | |! !| | |! !| +-------+~~~~~~~~~~~~~~~~~~~~+ */ .Junction { display: grid; grid-template-columns: 228px 3fr; grid-template-rows: 64px minmax(100px, 100%); min-height: 100%; } .Junction__brand { position: relative; } .Junction__brand img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 150px; width: 100%; } .Junction__bar { display: flex; align-items: center; } .Junction__bar > * { margin: 1rem; } .Junction__location { flex: 1 0; font-size: 20px; font-weight: normal; } .Junction__navigation { height: 100%; white-space: nowrap; } .Junction__session { text-align: right; flex: 0 1; white-space: nowrap; } .Junction__panel { min-height: 100%; } .Junction__content { position: relative; min-width: 600px; min-height: 100%; } .JunctionNavItem { padding: 20px 22px; display: flex; align-items: center; } .JunctionNavItem.selected { background: #2eb495; color: #fff; } .JsonDump { width: 100%; word-break: break-all; white-space: pre-wrap; word-wrap: break-word; } .JurisdictionMapper { display: grid; position: absolute; transition: top 0.4s ease-in-out; grid-row-gap: 20px; row-gap: 20px; width: 100%; } .JurisdictionMappingForm { box-shadow: 0 0 5px 1px #a8a8a8; grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "question question" "state county" "notes notes"; padding: 20px; } .JurisdictionMappingForm__question { grid-area: question; } .JurisdictionMappingForm__countyField .Dropdown, .JurisdictionMappingForm__stateField .Dropdown { width: 100%; } .JurisdictionMappingForm__stateField { grid-area: state; } .JurisdictionMappingForm__countyField { grid-area: county; } .JurisdictionMappingInterface { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-areas: "recordForm requestDetails" "recordForm offenderDetails" "recordForm historySelections"; grid-template-columns: 600px auto; grid-row-gap: 20px; row-gap: 20px; } .JurisdictionMappingInterface__recordForm { grid-area: recordForm; position: relative; } .JurisdictionMappingInterface__requestDetails { grid-area: requestDetails; } .JurisdictionMappingInterface__offenderDetails { grid-area: offenderDetails; } .JurisdictionMappingInterface__historySelections { grid-area: historySelections; } .KeyValuePair { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.36); } .KeyValuePair__key, .KeyValuePair__value { padding: 6px 12px; } .KeyValuePair__key { font-weight: bold; white-space: nowrap; } .KeyValuePair__value > * { margin: 0; padding: 0; white-space: normal; } .KeyValueSet { width: 100%; border-collapse: collapse; } .LoginInstructions { margin: 1rem; } .MultiLineTextInput textarea { min-height: 8rem; resize: none; } .NamedSection { padding: 38px 0; border-bottom: 1px solid #dadada; } .NamedSection td, .NamedSection th { padding: 20px 10px; } .HeaderButtons .Button { margin: 20px 10px; } .HeaderButtons .Button:nth-child(1) { margin-left: 20px; } .NotificationConfigTable td, .NotificationConfigTable th { padding: 8px; } .NotificationConfigTable tr:nth-child(odd) td { background-color: #eee; } .OperationsTable { border-collapse: collapse; width: 100%; } .OperationsTable tr { transition: background-color 0.2s; } .OperationsTable th, .OperationsTable td { padding: 1rem; text-align: left; white-space: nowrap; } .OperationsTable tbody > tr:hover { background-color: #e6f9f5; } .Overview { background-color: #fff; padding: 29px; display: grid; } .Overview__spinner { margin: 0 auto; display: inline-block; } .Overview__actions { margin: 0 0 0 1rem; flex: 0 1; } .Overview__sorticon { color: #2eb495; margin: 0 0 0 4px; } .Overview__toolbar { display: flex; align-items: center; } .Overview .SearchBar { flex: 1 0; } .PrimitiveDump { border: 1px dashed #2eb495; padding: 8px; margin: 1rem 0; } .RecordForm__forms { margin: 1rem 0; } .RecordForm__controls { display: flex; align-items: center; justify-content: space-between; } .RecordForm__controls .Button { padding: 10px 20px; } .RelyingPartyForm { position: relative; padding: 1rem; max-width: 600px; } .RelyingPartyForm__controls { display: flex; justify-content: space-between; } .RelyingPartyForm__error { background: #fff; border: #f15946 1px solid; color: #f15946; margin: 0 0 1rem 0; padding: 0.5rem; } .RelyingPartyForm__field { display: block; margin: 0 0 1rem 0; } .RelyingPartyForm__field textarea { resize: none; overflow-y: scroll; height: 200px; } .RelyingPartyForm__field > *:not(:first-child) { width: 100%; min-height: 30px; background: #fff; display: block; padding: 4px; font-size: 18px; } .RelyingPartyForm__field > *:not(:first-child).-readonly { background: #dadada; } .RelyingPartyForm__status { margin: 0 0 1rem 0; } .RequestAndAttrPanel + .RequestAndAttrPanel { margin: 24px 0 0 0; } .RequestAndAttrPanel .RequestSummary { background: #fafafa; padding: 28px 20px; } .RequestSummary { display: flex; align-items: flex-start; } .RequestSummary > * { flex: 1 0; } .RequestSummary th { width: 120px; } .RequestSummary td, .RequestSummary th { padding: 7px 0; } .RowMajor { text-align: left; } .SearchBar { width: 100%; display: inline-flex; align-items: center; font-size: 32px; border: 1px solid #dadada; } .SearchBar i { padding: 10px; } .SearchBar input { border: none; outline: none; background: transparent; padding: 0; margin: 0; font-size: 32px; padding: 10px; flex: 1 0; } .SessionMenu { align-items: center; display: flex; justify-content: space-between; } .SessionMenu__meta { flex: 1; margin: 0 0 0 8px; text-align: left; } .SessionMenu__summary { display: block; } .SessionMenu__logout { color: #2eb495; text-decoration: underline; } .SessionMenu__firstname { font-weight: bold; } .SingleFileUpload .FileDropbox { margin: 0 0 8px 0; } [tooltip]:hover::after { opacity: 1; } [tooltip] { margin-top: 3px; position: relative; display: inline-block; } [tooltip]::after { content: attr(tooltip); font-family: "Roboto Condensed", "Roboto", sans-serif; font-weight: 400; position: absolute; left: 50%; top: -5px; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); background: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; font-size: 12px; min-width: 180px; border-radius: 5px; pointer-events: none; padding: 4px 4px; z-index: 99; opacity: 0; } /*! * Cropper.js v1.4.3 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2018-10-24T13:07:11.429Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none!important; max-width: none!important; min-height: 0!important; min-width: 0!important; width: 100%; } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-canvas, .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; left: 0; top: 33.33333%; width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.33333%; top: 0; width: 33.33333%; } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center:after, .cropper-center:before { background-color: #eee; content: " "; display: block; position: absolute; } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /*# sourceMappingURL=1.ae98c2e5c9a5c4bcc197.css.map*/