/* * 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; } @media only screen { .ChargeNav { display: flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid #dfe0e0; border-bottom: 1px solid #dfe0e0; font-family: "Roboto Condensed", sans-serif; } .ChargeNav__NavLink { background: transparent; border: none; padding: 0; } .ChargeNav__NavLink--active { color: #2eb495; cursor: pointer; } .ChargeNav__NavLink--inactive { color: #dfe0e0; } .ChargeNav__NavLink:focus { outline: none; } .ChargeNav__title { color: #4c585e; font-size: 20px; } .ChargeInfo { border-bottom: 1px solid #dfe0e0; padding: 0 2px; margin-bottom: 30px; } .ChargeInfo__field { display: flex; justify-content: flex-start; margin-top: 15px; margin-bottom: 15px; } .ChargeInfo__label { width: 75px; font-size: 13px; } .ChargeInfo__content { color: #4c585e; } .IdScanInstructions { margin: 1rem 0; color: #777; } .IdScanVisualAid { width: 150px; display: none; margin: 0 auto; } .LargeFormatIdScanForm { padding: 0 1rem; } .LargeFormatIdScanForm__instructions { color: #676767; margin: 1rem 0; } .LargeFormatIdScanForm__delegation { display: none; text-align: center; } .LargeFormatIdScanForm__form { display: grid; position: relative; text-align: center; } .LargeFormatIdScanForm__flip { align-self: self-end; padding: 24px; background-color: #efefef; } .LargeFormatIdScanForm__flipMessage a { color: #2ab698; } .LargeFormatIdScanForm__countries { text-align: left; } .LargeFormatIdScanForm__countries .Dropdown { width: 100%; } .LargeFormatIdCardDuplexForm { flex: 0 1 48%; } .LargeFormatIdCardDuplexForm__duplex { align-items: center; display: flex; justify-content: space-between; } .LargeFormatIdSimplexControl { cursor: pointer; position: relative; border-radius: 4px; text-align: center; flex: 0 1 48%; height: 125px; } .LargeFormatIdSimplexControl__label { display: block; font-size: 12px; font-weight: bold; color: #676767; } .LargeFormatIdSimplexControl .FileDropbox { cursor: pointer; display: block; margin: 0; line-height: 16px; font-size: 12px; padding: 30px 20px; } .LargeFormatIdSimplexControl .FileDropbox__icon { display: block; margin: 4px 0; } .LargeFormatIdSimplexControl.fail { font-size: 1rem; border: 1px solid #f15946; color: #f15946; } .LargeFormatIdSimplexControl.success { background-color: #2eb495; color: #fff; } .LargeFormatPassportForm__title, .LargeFormatIdCardDuplexForm__title, .LargeFormatIdScanForm__title { font-weight: normal; margin: 1rem 0 0 0; } .LargeFormatPassportForm__subtitle, .LargeFormatIdCardDuplexForm__subtitle, .LargeFormatIdScanForm__subtitle { margin: 8px 0 1.5rem 0; padding: 0 30px; color: #676767; } } @media only screen and (min-width: 1024px) { .IdScanVisualAid { display: block; width: 200px; } .LargeFormatIdScanForm__methods { display: flex; align-items: flex-start; justify-content: space-between; } .LargeFormatIdScanForm__delegation { display: block; } .LargeFormatIdScanForm__form, .LargeFormatIdScanForm__delegation { flex: 0 1 49%; height: 480px; border-radius: 2px; border: 1px solid #e8e8e8; background-color: #fff; } .LargeFormatIdScanForm__form > *, .LargeFormatIdScanForm__delegation > * { padding: 12px; } .LargeFormatIdScanForm__smsInfo { margin-bottom: 6px; } } @media only screen { body { background: #eff0f0; } input, select { background: #fff; padding: 8px; border: 1px solid #e8e8e8; border-radius: 4px; } .StripeElement, .CheckoutForm input { padding: 8px 12px; width: 100%; margin: 4px; border: 1px solid transparent; } .StripeElement--focus, .CheckoutForm input--focus, .StripeElement:focus, .CheckoutForm input:focus { outline: 0; } .StripeElement--invalid, .CheckoutForm input--invalid { border-color: #fa755a; } .AcademicProviderQuestion .AutoComplete, .AcademicProviderQuestion .AutoComplete__input { width: 100%; } .AddressQuestion__form { display: grid; grid-column-gap: 8px; -webkit-column-gap: 8px; column-gap: 8px; grid-row-gap: 8px; row-gap: 8px; } .AddressQuestion__form input, .AddressQuestion__form .Dropdown { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .AutoComplete__entries { box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; z-index: 99999; } .AutoComplete__entries__match { color: #2eb495; } .AutoComplete__entries__match:nth-child(odd) { background: #dbdbdb; } .AutoComplete__entries__match:nth-child(even) { background: #fff; } .AutoComplete__entries__match--focused { font-weight: bold; } .BulkEmailQuestion__form { margin: 0 auto; } .BulkEmailQuestion__form .Button { margin-left: 71%; } .BulkEmailQuestion__combinedInput { width: 100%; overflow-y: scroll; min-height: 200px; margin: 1rem 0 0 0; } .ChangeDocumentControl { background: #fff; color: #999; padding: 1rem; position: fixed; width: 100%; text-align: center; left: 0; bottom: 0; } .ChangeDocumentControl a { color: #2eb495; cursor: pointer; } .CheckoutForm__heading { display: flex; font-weight: bold; align-items: center; margin: 1rem 0; } .CheckoutForm__summary { flex: 1 0; } .CheckoutForm__fields { background-color: #fff; } .CheckoutForm__amount { flex: 1 0; font-size: 20px; text-align: right; } .CheckoutFormField__input, .CheckoutFormField__feedback { display: flex; align-items: center; padding-left: 1rem; padding-right: 1rem; } .CheckoutFormField__feedback { padding-top: 0.1rem; padding-bottom: 0.5rem; } .CheckoutFormField:first-child .CheckoutFormField__input { padding-top: 0.5rem; } .CheckoutFormField__port { font-weight: bold; flex: 0 1 80px; } .CheckoutFormField__icon { color: #2eb495; margin: 0 12px 0 0; } .CheckoutFormField__starboard { flex: 1 0; } .CheckoutFormField [id$="-error"] { padding: 2px 12px; } .ConsentQuestion { font-size: 0.857rem; } .ConsentQuestion__language { box-sizing: border-box; overflow-y: scroll; max-height: 50vh; background-color: #fff; padding: 1rem; border-radius: 3px; border: 1px #dbdbdb solid; overflow: auto; } .ConsentQuestion__language::-webkit-scrollbar { width: 10px; } .ConsentQuestion__language::-webkit-scrollbar-thumb { background: #dbdbdb; border-radius: 20px; } .ConsentQuestion__language::-webkit-scrollbar-track { border-radius: 20px; } .ConsentQuestion__language > p { margin: 1rem 0 0 0; } .ConsentQuestion__optionalNotice { border: 1px solid #000; padding: 1em; margin: 1rem 0 1rem 0; } .ConsentQuestion__acceptCheck { color: #2eb495; display: block; border: 1px #2ab496 dashed; border-radius: 3px; padding: 0.5rem; cursor: pointer; margin: 0.6rem 0; } .ConsentQuestion__acceptCheck.checked { background-color: #e8f9f5; } .CredentialsForm { margin: 1rem 0 0 0; } .CredentialsForm__field, .CredentialsForm__field > * { display: block; } .ErrorScreen { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .ErrorScreen__icon { min-width: 100px; max-width: 250px; } .ErrorScreen__heading { color: #f15946; } .ExternalProvider__row { margin: 1rem 0; } .ExternalProvider input { width: 100%; } .ExternalProvider .AutoComplete { width: 100%; } .FilePreview { padding: 6px 9px; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; } .FilePreview:last-child { border-bottom: none; } .FilePreview__display, .FilePreview__removeIcon { font-size: 24px; margin: 0 6px; flex: 0 1 48px; text-align: center; } .FilePreview__removeIcon { color: #a0a0a0; } .FilePreview__image { width: 100%; } .FilePreview__fileName { flex: 1 0; } .FileQuestion__submitted { padding: 12px; } .FileQuestion__previews { background: #fff; margin: 12px; border: 1px solid #e0e0e0; border-radius: 4px; } .FileQuestion__placeholder { width: 48px; height: 24px; display: inline-block; vertical-align: top; background: #f5f5f5; } .FileQuestion__fileName { margin-bottom: 3px; margin-left: 6px; width: calc(100% - 54px); display: inline-block; vertical-align: top; font-size: 12px; color: #505050; } .FileDropbox { border: 1px dashed #2eb495; color: #2eb495; margin: 8px 18px 0 18px; } .FileDropbox.draghover { background: #99c8ff; } .GoogleLoginButton img { display: block; margin: 1rem auto 0 auto; } .Hero { height: 100%; position: relative; color: #fff; background: url(ee13f51f.jpg); background-size: cover; cursor: default; } .Hero__copy { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 33%; text-align: center; } .Hero__highlight { display: inline; color: #2eb495; } .Hero__heading { font-weight: normal; white-space: nowrap; } .InterviewCard { background-color: #fbfcfc; position: relative; border: 1px solid #e2e3e4; } .InterviewCard__message { height: 1em; } .InterviewCard__logout { display: grid; grid-template-columns: auto auto; grid-gap: 2px; height: 1em; } .InterviewCard__logout .dropdown-content { display: grid; align-items: center; border-radius: 5px; padding: 5px; background-color: #fff; outline: none; margin: 0; min-width: 100px; overflow-y: auto; opacity: 0; position: absolute; left: 0; top: 35px !important; z-index: 9999; list-style-type: none; width: 238px; height: 32px !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .InterviewCard__logout #dropdown:focus { opacity: 1; } .InterviewCard__logout .btn:hover { box-shadow: none; } .InterviewCard__logout .btn { box-shadow: none; margin: 0; color: #000; background-color: transparent; } .InterviewCard__logout .input-field { margin: 0; } .InterviewCard__header { border-top-right-radius: 6px; border-top-left-radius: 6px; background-color: #fbfcfc; align-items: center; display: grid; grid-template-columns: -webkit-max-content minmax(0, auto) -webkit-max-content; grid-template-columns: max-content minmax(0, auto) max-content; padding: 6px 18px; color: #a0a0a0; } .InterviewCard__wordmark { margin: 0 6px 0 0; height: 32px; } .InterviewCard__wordmark img { height: 100%; } .InterviewCard__body { padding: 30px; position: relative; } .InterviewCard__body > [class*="Question"] { display: block; position: relative; width: 100%; } .InterviewCard__steps { grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; display: grid; grid-auto-columns: 100%; } .InterviewCard__controls { display: flex; padding: 40px 0 10px 0; justify-content: space-evenly; align-items: center; white-space: nowrap; } .InterviewCard__controls > * { text-align: center; flex-grow: 1; } .InterviewStepTile { margin: 15px auto; background: #fff; position: relative; display: flex; width: 100%; word-break: break-word; padding: 10px; align-items: center; border: 1px solid #e4e4e4; border-radius: 3px; } .InterviewStepTile.complete { cursor: default; } .InterviewStepTile > * { padding-top: 6px; padding-bottom: 6px; } .InterviewStepTile__text { flex: 1 0; margin: 0 12px; } .InterviewStepTile__title { font-family: "Roboto Condensed", "Roboto", sans-serif; color: #2d3f50; font-size: 20px; font-weight: 700; } .InterviewStepTile__icon { margin: 0 0 0 8px; font-size: 24px; color: #888; flex: 0 1; } .InterviewStepTile__status { flex: 0 1 44px; height: 44px; position: relative; border: 1px solid #efefef; border-radius: 4px; padding: 2px; } .InterviewStepTile__status > * { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .LandingPage { height: 100%; display: grid; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .LandingPage__brand { grid-area: brand; background: #fff; } .LandingPage__links { grid-area: links; background: #fff; } .LandingPage__interface { grid-area: interface; justify-self: center; align-self: center; } .LargeFormatDelegation__methods { display: flex; align-items: flex-start; justify-content: space-between; } .LargeFormatDelegation__method { background-color: #fff; border-radius: 2px; border: 1px solid #e8e8e8; display: inline-grid; flex: 0 1 48%; grid-template-rows: 200px 100px; padding: 2rem; text-align: center; } .LargeFormatDelegation__method img { height: 100%; display: block; margin: 0 auto; } .LargeFormatDelegation__title, .LargeFormatDelegation__subtitle { font-weight: normal; text-align: center; } .LargeFormatDelegation__instructions { color: #a0a0a0; } .LargeFormatDelegation__instructions a { color: #2eb495; } .LargeFormatDelegation .InterviewCard__controls { justify-content: space-around; } .LargeFormatDelegation .InterviewCard__controls > * { flex: 1; } .LargeFormatDelegation .PhoneDelegationInput { margin: 0; } .LargeFormatDelegation__retryText { text-align: left; margin: 0; padding: 0; font-size: 1rem; } .LargeFormatSelfieDelegation { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 500px; justify-content: space-around; justify-items: center; align-items: center; min-width: 600px; } .LargeFormatSelfieDelegation h2 { margin: 1rem 0; font-weight: normal; } .LargeFormatSelfieDelegation p { margin: 0 0 1rem 0; } .LargeFormatSelfieDelegation__visualAid { width: 80%; } .LargeFormatSelfieDelegation__visualAid img { width: 100%; } .RehabQs { display: grid; grid-template-columns: auto auto; margin: 20px 0; } .RehabQs input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .RehabQs i { width: 40px; } .RehabQs label { color: #4c585e; display: block; width: 80%; margin-bottom: 10px; border: 1px solid transparent; white-space: nowrap; } .RehabQs .disabledRehabQ { color: #b0b8c1; } .RehabQs label[focus-within] { border: 1px solid #2eb495; } .RehabQs label:focus-within { border: 1px solid #2eb495; } .RehabQs textarea { color: #4c585e; height: 120px; width: 100%; resize: none; padding: 10px; border-radius: 4px; border: 1px solid #e8e8e8; } .FullWidthInputBlock { width: 100%; display: block; margin-bottom: 24px; margin-bottom: 12px; } .FullWidthInputBlock select, .FullWidthInputBlock input { width: 195px; color: #4c585e; } .FullWidthInputBlock > span { font-size: 13px; display: block; margin-bottom: 8px; } .FullWidthInputBlock > textarea { color: #4c585e; width: 100%; min-height: 100px; resize: vertical; padding: 10px; border-radius: 4px; border: 1px solid #e8e8e8; } .LineInputBlock { display: block; margin: 0 auto 1rem auto; max-width: 260px; } .LineInputBlock > * { display: block; margin: 2px 0 0 0; width: 100%; } .glsLinks { text-align: center; } .glsLinks a { color: #2eb495; text-decoration: none; } .glsLinks span { display: inline-block; margin: 0 8px; } .LoginControls { background: #f1f1f1; color: #778ea1; max-width: 350px; text-align: center; } .MobileSimplexDropbox { background: #fff; margin: 12px auto; border: 1px solid #2eb495; color: #2eb495; display: flex; align-items: center; text-align: left; padding: 16px 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; } .MobileSimplexDropbox.ready { color: #fff; background: #33bda1; border: 1px solid #33bda1; } .MobileSimplexDropbox__label { flex: 1 0; } .MobileSimplexDropbox__icon { flex: 0 1; font-size: 20px; } .MobileSimplexDropbox.fail { font-size: 1rem; border: 1px solid #f15946; color: #f15946; } .MobileSimplexDropbox.success { background-color: #80c77a; color: #fff; } .MobileDocumentSelection .Dropdown { width: 100%; } .MobileDocumentSelection a { color: #2eb495; } .MobileSimplexPreview { height: 125px; position: relative; background-color: #000; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; border: 1px solid #2eb495; } .MobileSimplexPreview__remove { padding: 2px 7px; position: absolute; top: 0; right: 0; border-left: 1px solid #2eb495; border-bottom: 1px solid #2eb495; border-bottom-left-radius: 3px; background-color: #fff; color: #2eb495; } .MobileWizardStep { text-align: left; padding: 1rem; } .MobileWizardStep .MobileSimplexPreview { margin: 0 auto; width: 175px; height: 125px; } .PastNameQuestion { font-size: 0.857rem; } .PastNameQuestion__acceptCheck { display: block; border: 1px #dbdbdb solid; border-radius: 3px; padding: 0.5rem; cursor: pointer; margin: 0.6rem 0; } .PastNameQuestion__acceptCheck.checked { background: #2eb495; color: #fff; } .PendingScreen__indicator { height: 70px; position: relative; margin: 0 auto; width: 40px; } .PhoneDelegationInput { font-size: 14px; margin: 2rem 0 0 0; display: flex; align-items: center; } .PhoneDelegationInput input::-webkit-input-placeholder { color: #ccc; } .PhoneDelegationInput input:-ms-input-placeholder { color: #ccc; } .PhoneDelegationInput input::-ms-input-placeholder { color: #ccc; } .PhoneDelegationInput input::placeholder { color: #ccc; } .PhoneDelegationInput input, .PhoneDelegationInput .Button { font-size: 1.05rem; } .PhoneDelegationInput .Button { width: 100px; border-radius: 4px; padding: 18px 7px; margin: 2px 0 0 4px; } .PhoneDelegationInput input { flex: 1; font-family: inherit; width: 100%; padding-top: 20px; padding-bottom: 16px; } .PrivacyNotice { text-align: center; } .PrivacyNotice__header { font-size: 14px; margin-bottom: 0.1rem; font-weight: normal; color: #676767; } .PrivacyNotice__body { font-size: 11px; color: #6b6b6b; } .PrivacyNotice__link { color: #2eb495; text-decoration: none; } .ProviderNotFound { text-align: center; margin: 1rem 0 0 0; } .ProviderNotFound__heading { font-weight: normal; color: #f15946; } .SingleCol { height: 100%; } .SingleCol__header { height: 44px; padding: 0 1rem; text-align: center; display: flex; align-items: center; justify-content: flex-end; } .SingleCol__branding { max-width: 190px; margin: 15px auto 17px auto; padding: 11px 0; } .SingleCol__body { min-height: 300px; height: 100%; position: relative; } .SingleCol__menu { max-width: 50%; } .SsnQuestion input { border: none; outline: none; background: transparent; padding: 0; margin: 0; flex: 1 0; } .SsnQuestion__input { align-items: center; display: flex; background: #fff; padding: 8px; border: 1px solid #ddd; } .SsnQuestion__icon { flex: 0 1; } .StepInfo__title { display: block; color: #396b9d; font-size: 15px; line-height: 18px; } .StepInfo__desc { display: block; font-size: 11px; line-height: 12px; color: #a0a0a0; font-weight: 300; margin-top: 3px; } } @media only screen and (max-width: 1023px) { .AddressQuestion__form { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, -webkit-max-content); grid-template-rows: repeat(3, max-content); } .AddressQuestion__street, .AddressQuestion__city { grid-column-start: span 2; } .AddressQuestion__state { grid-column-start: 1; } .AddressQuestion__zip { grid-column-start: 2; } .Hero__heading { font-size: 5.5vw; } .Hero__subheading { font-size: 3.5vw; margin: 0.5rem 0 0 0; white-space: normal; white-space: initial; } .LandingPage { grid-template-rows: 9vh 45vh 35vh auto; grid-template-areas: "brand" "hero" "interface" "links"; } .LandingPage__brand { position: relative; background: #151e27 url(206aac73.svg) no-repeat center; background-size: 50% 50%; text-align: center; } .LandingPage__links { background: #fff; position: relative; } .glsLinks { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .MobileWizardStep__heading { margin: 0; font-family: "Roboto Condensed", "Roboto", sans-serif; font-weight: 700; color: #2e3f51; font-size: 1.5em; } } @media only screen and (min-width: 1024px) { .AddressQuestion__form { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, -webkit-max-content); grid-template-rows: repeat(2, max-content); } .AddressQuestion__street { grid-column-start: span 3; } .AddressQuestion__city, .AddressQuestion__state, .AddressQuestion__zip { grid-column-start: span 1; } .BulkEmailQuestion__form { width: 700px; } .BulkEmailQuestion__form .Button { margin-left: 83%; } .CredentialsForm, .ProviderNotFound { margin: 0; } .ChangeDocumentControl { position: absolute; } .ConsentQuestion__language { max-height: 60vh; } .ExternalProvider__workflow { background: #fff; border: 1px solid #dbdbdb; margin: 8px 0; padding: 1rem; } .ExternalProvider__row { display: flex; align-items: flex-start; justify-content: space-between; margin: 1rem 0; } .ExternalProvider__row > * { flex: 1; } .FileDropbox { margin: 12px 18px; } .FileQuestion__submitted { padding: 12px 18px; } .FileQuestion__previews { margin: 12px 18px; } .FileQuestion__fileName { font-size: 14px; width: calc(100% - 70px); } .FileQuestion__preview { width: 64px; } .FileQuestion__placeholder { width: 64px; height: 32px; display: inline-block; vertical-align: top; background: #f5f5f5; } .Hero__heading { font-size: 3.3495vw; } .Hero__subheading { font-size: 1.5vw; white-space: nowrap; } .InterviewCard { margin: 0 auto; max-width: 800px; border-radius: 6px; } .InterviewStepTile__info { margin: 18px 18px 0 18px; } .InterviewStepTile__exists { margin: 24px 18px; } .LandingPage { grid-template-columns: 3fr 400px; grid-template-rows: 20vh 20vh auto; grid-row-gap: 1rem; grid-template-areas: "hero brand" "hero interface" "hero links"; } .LandingPage__hero { grid-row-start: span 3; } .LandingPage__brand { background: #fff url(cc4088f7.svg) no-repeat center; } .LandingPage .glsLinks { margin-top: 35px; padding: 1rem; font-size: 14px; } .MobileSimplexDropbox { font-size: 1.1rem; } .PrivacyNotice { margin: 24px; } .PrivacyNotice__body { color: #b1b1b1; } .StepInfo__title { font-size: 16px; line-height: 20px; } .StepInfo__desc { font-size: 13px; line-height: 14px; } } @media only screen and (min-width: 321px) { .InterviewCard__controls { font-size: 1.2rem; padding: 40px 10px 10px 10px; } } @media only screen and (max-width: 800px) { .RehabQs { display: grid; grid-template-rows: auto auto; grid-template-columns: auto; } .SingleCol__headerWithEmail { margin-left: 5px; background-position: left; } .InterviewCard__message { opacity: 0; } } /*# sourceMappingURL=2.fbf2465a1335a28623e6.css.map*/