/* * 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; } } @charset "UTF-8"; /* 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; } .hljs { color: #fff; display: block; overflow-x: auto; padding: 0.5em; } .hljs-name, .hljs-strong { font-weight: bold; } .hljs-code, .hljs-emphasis { font-style: italic; } .hljs-tag { color: #62c8f3; } .hljs-selector-class, .hljs-selector-id, .hljs-template-variable, .hljs-variable { color: #ade5fc; } .hljs-bullet, .hljs-string { color: #a2fca2; } .hljs-attribute, .hljs-built_in, .hljs-builtin-name, .hljs-quote, .hljs-section, .hljs-title, .hljs-type { color: #ffa; } .hljs-bullet, .hljs-number, .hljs-symbol { color: #d36363; } .hljs-keyword, .hljs-literal, .hljs-selector-tag { color: #fcc28c; } .hljs-code, .hljs-comment, .hljs-deletion { color: #888; } .hljs-link, .hljs-regexp { color: #c6b4f0; } .hljs-meta { color: #fc9b9b; } .hljs-deletion { background-color: #fc9b9b; color: #333; } .hljs-addition { background-color: #a2fca2; color: #333; } .hljs a { color: inherit; } .hljs a:focus, .hljs a:hover { color: inherit; text-decoration: underline; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); background-color: #ffffff; } ::-webkit-scrollbar { width: 6px; background-color: #f5f6f7; border-radius: 500px; } ::-webkit-scrollbar-thumb { background-color: #b3b3b3; border-radius: 500px; } @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; } } .StandardForm__fieldset { display: flex; } .StandardForm__field { flex: 1; display: flex; flex-direction: column; } .StandardForm__field + .StandardForm__field { margin-left: 1rem; } .StandardForm__field__title { color: #696969; font-size: 16px; } .StandardForm__field__label { color: #797979; display: block; font-size: 0.9rem; margin: 1rem 0 4px 0; } .StandardForm__field__input { background: #fcfcfc; border: 1px solid #f2f3f2; flex-grow: 1; padding: 1rem 1.5rem; border-radius: 5px; width: 100%; } .StandardForm__field__color-input { visibility: hidden; padding: 0; margin: 0; font-size: 0; border: 0; width: 0; height: 0; } .StandardForm__field__file { display: flex; } .StandardForm__field__file__preview { flex: 0 1; margin-right: 1.5rem; } .StandardForm__field__file__image { background-position: center; background-repeat: no-repeat; background-size: contain; height: 24px; width: 48px; } .StandardForm__field__file__name { flex: 1 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .StandardForm__field__file__delete { flex: 0; } .PageNotFoundLayout .WithLeftNav__content { text-align: center; } .PageNotFound { max-width: 80%; display: inline-block; padding-top: 6em; } .PageNotFound__icon { width: 357px; } .PageNotFound__url { padding: 0 0.5em; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .LeaveAdminPrompt__mask { width: 100%; height: 100%; background-color: rgba(40, 50, 62, 0.55); z-index: 10000; position: fixed; top: 0; left: 0; -webkit-animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out; } .LeaveAdminPrompt__modal { display: flex; align-items: center; justify-content: center; z-index: 100001; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .LeaveAdminPrompt__modal-body { text-align: center; background: #ffffff; padding: 4em; } .LeaveAdminPrompt__modal .Button { border-radius: 999px; margin: 0 0.7em; padding: 0.7em 3em; } .LeaveAdminPrompt__modal .Button--secondary { border: 1px #2eb495 solid; } .LeaveAdminPrompt__buttons { width: 100%; } .LeaveAdminPrompt__title { color: #00bf97; font-size: 2em; line-height: 1.2em; margin-bottom: 1em; } .LeaveAdminPrompt__text { color: #000; margin-bottom: 2em; } .EmailSettings { padding: 1rem; } .EmailSettings__title { font-family: "Roboto", sans-serif; margin: 2rem 0 0; } .EmailSettings__theme { display: flex; } .EmailSettings__mailBody { border-radius: 1px; border: 1px solid #e3e3e3; } .EmailSettings__mailBody__content { margin: 0 2.5rem 2.5rem; } .EmailSettings__mailBody__paragraph { color: #a2a2a2; font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 1rem; } .EmailSettings__mailBody__header { font-size: 0; } .EmailSettings__mailBody__logo { margin: 1rem; max-width: 170px; max-height: 40px; } .EmailSettings__mailBody__colorBar { height: 8px; width: 100%; } .EmailSettings__mailBody__beginBackground { padding: 3rem; margin: 1.5rem; text-align: center; } .EmailSettings__mailBody__actionTile { text-align: center; font-size: 1.5em; margin-bottom: 1rem; } .EmailSettings__mailBody__actionButton { font-size: 1.5rem; display: inline-block; padding: 0.5em 2em; } .EmailSettings .extraNote { color: #a2a2a2; font-size: 0.9rem; line-height: 1.3rem; font-style: italic; margin-top: 2rem; } .EmailSettings__form { display: flex; justify-content: space-between; margin: -1rem 0 4rem 0; width: 650px; } .EmailSettings__form input { width: 100%; } .EmailSettings__themeConfig { flex: 1; width: 50%; } .EmailSettings__visualAid { flex: 1; margin: 0 2rem 0 0; } @-webkit-keyframes confirmPopupFadin { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes confirmPopupFadin { 0% { opacity: 0; } 100% { opacity: 1; } } .ConfirmPopup__mask { width: 100%; height: 100%; background-color: rgba(40, 50, 62, 0.55); z-index: 10000; position: fixed; top: 0; left: 0; -webkit-animation: confirmPopupFadin 0.2s ease-out; animation: confirmPopupFadin 0.2s ease-out; } .ConfirmPopup__modal { display: flex; align-items: center; justify-content: center; z-index: 10000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .ConfirmPopup__modal-body { text-align: center; background: #ffffff; padding: 4em; max-width: 60em; } .ConfirmPopup__modal .Button { border-radius: 999px; margin: 0 0.7em; padding: 0.7em 3em; } .ConfirmPopup__modal .Button--secondary { border: 1px #2eb495 solid; } .ConfirmPopup__buttons { width: 100%; } .ConfirmPopup__title { color: #00bf97; font-size: 2em; line-height: 1.2em; margin-bottom: 1em; } .ConfirmPopup__text { color: #000; margin-bottom: 2em; } .CustomPackageContactDetails { margin: 1rem; } .CustomPackageContactDetails__form { display: flex; justify-content: space-between; margin: 1rem 0; padding: 1rem; background: #fff; } .CustomPackageContactDetails__instructions { flex: 1; padding: 1rem; } .CustomPackageContactDetails__instructions ~ .CustomPackageContactDetails__instructions { border-left: 1px solid rgba(217, 218, 219, 0.7); } .CustomPackageContactDetails__nextStepHeading { margin: 0 0 2rem 0; color: #2eb495; font-weight: normal; } .CustomPackageContactDetails__services { display: grid; grid-template-columns: repeat(2, 1fr); margin: 2rem 0; } .CustomPackageContactDetails__service { border: 1px solid transparent; width: 80%; } .CustomPackageContactDetails__service[focus-within] { border: 1px solid #2eb495; } .CustomPackageContactDetails__service:focus-within { border: 1px solid #2eb495; } .CustomPackageContactDetails__iconCheckbox { width: 40px; } .CustomPackageContactDetails__checkbox { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .CustomPackageContactDetails__textarea { min-height: 100px; padding: 1rem 1.5rem; resize: vertical; width: 100%; } .CustomPackageContactDetails__textarea .layout-fullwidth-texarea { min-height: 100px; padding: 1rem 1.5rem; resize: vertical; width: 100%; } .CustomPackageContactDetails__controls { text-align: right; } .CrimeConfigView { display: grid; grid-template-rows: auto auto; } .CrimeConfigView__statusBar { background-color: #e7ecf1; min-height: 60px; } .CrimeConfigView__form { margin: 30px; min-height: 300px; } .NoConfigView { display: grid; grid-template-columns: 45% auto; padding: 50px 20px; grid-gap: 20px; background-color: #fff; } .NoConfigView section { margin-bottom: 30px; } .NoConfigView .InputWithButtonView__layout { background-color: #e7ecf1; padding: 20px; margin-top: 15px; } .NoConfigView__article { margin-bottom: 50px; } .NoConfigView__article > * { margin-bottom: 15px; } .NoConfigView__bringAttention { color: #008568; font-weight: bold; } .NoConfigView__heading { font-family: "Roboto Condensed", "Roboto", sans-serif; font-weight: 400; font-size: 1.5em; margin-top: 0; margin-bottom: 15px; } .NoConfigView__criminalPolicyHero { padding: 30px; } .OffenseGroupConfigView { display: grid; grid-template-areas: "hero hero" "ageOfOffense count" "disposition severity"; grid-template-columns: 1fr 1fr; padding: 30px; background-color: #fff; } .OffenseGroupConfigView > * { padding-bottom: 30px; padding-right: 30px; } .OffenseGroupConfigView__heading { font-weight: normal; font-size: 1.3em; margin-bottom: 10px; margin-top: 0; } .OffenseGroupConfigView__hero { grid-area: hero; border-bottom: 1px solid #d4d4d4; margin-bottom: 10px; } .OffenseGroupConfigView__ageOfOffense { grid-area: ageOfOffense; border-bottom: 1px solid #d4d4d4; } .OffenseGroupConfigView__count { grid-area: count; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding-left: 30px; } .OffenseGroupConfigView__disposition { grid-area: disposition; } .OffenseGroupConfigView__severity { grid-area: severity; border-left: 1px solid #d4d4d4; padding-left: 30px; } .OffenseGroupConfigView__description { color: #6b6b6b; margin-bottom: 35px; font-size: 0.9em; } .OffenseGroupConfigView__setting { padding-top: 30px; } .OffenseGroupConfigView label { display: block; margin-bottom: 10px; } .BgcSelection__heading { margin-top: 0; } .BgcSelection__form { padding: 20px; background-color: #fff; border: 1px solid #ececec; } .BgcSelection__instructions { font-weight: normal; margin-top: 5px; margin-bottom: 10px; } .BgcSelection__radio { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .BgcSelection__radio + label { display: grid; grid-template-columns: 70px auto; grid-template-rows: auto auto; grid-column-gap: 10px; padding: 5px; background-color: #fcfcfc; border: 1px solid #ececec; border-radius: 2px; transition-duration: 500ms; } .BgcSelection__radio:checked + label { border: 1px solid #2ab496; background-color: rgba(42, 180, 150, 0.1); transition-duration: 250ms; } .BgcSelection__radioIcon { grid-row-start: span 3; align-self: center; justify-self: center; width: 60px; } .BgcSelection__radioTitle { margin-top: 5px; margin-bottom: 5px; } .BgcSelection__radioWrap { display: grid; grid-template-columns: 0 auto; margin-bottom: 10px; } .BgcSelection__policyNameToggle { box-sizing: content-box; background-color: #23313a; border-radius: 15%; color: #fff; width: 1em; height: 1em; } .BgcSelection__policyNameToggle:hover { background-color: #3a5261; } .BgcSelection__policyNameRead { margin-right: 15px; } .BgcSelection__policyNameUpdate { border: none; background-color: transparent; border-bottom: 1px solid #2eb495; } .CriminalPolicyView__wrapper { background-color: #fff; margin-bottom: 50px; } .CriminalPolicyView__offenseGroupControls { padding: 0 25px; } .CriminalPolicyView__offenseGroupTable { width: 100%; border-collapse: separate; border-spacing: 0 5px; margin-top: 10px; } .CriminalPolicyView__offenseGroupCell { border: 1px solid #dadada; border-left-width: 0.25px; border-right-width: 0.5px; text-align: center; margin-bottom: 10px; background-color: rgba(240, 240, 240, 0.2); padding: 10px 15px; width: 350px; } .CriminalPolicyView__offenseGroupCell[focus-within] { background-color: rgba(42, 180, 150, 0.1); } .CriminalPolicyView__offenseGroupCell:focus-within { background-color: rgba(42, 180, 150, 0.1); } .CriminalPolicyView__offenseGroupButton { padding: 0; } .CriminalPolicyView__offenseGroupButton > button { width: 100%; height: 45px; background-color: transparent; border: none; white-space: nowrap; } .CriminalPolicyView__offenseGroupButton > button:focus { outline: none; } .CriminalPolicyView__offenseGroupButton:hover { background-color: rgba(42, 180, 150, 0.1); } .CriminalPolicyView__offenseGroupTableColumnHeader { font-size: 0.9em; color: #6b6b6b; } .CriminalPolicyView__offenseGroupTableRowHeader { border-left-width: 1px; display: grid; margin: 0; grid-template-areas: "icon title " "icon offenseCategories"; grid-template-columns: 30px auto; grid-column-gap: 15px; } .CriminalPolicyView__offenseGroupIcon { font-size: 1.5em; grid-area: icon; grid-row: 0.33333333; display: flex; justify-content: center; align-items: center; color: #778ea1; } .CriminalPolicyView__offenseGroupName { grid-area: title; margin: 0; text-align: left; font-size: 1em; } .CriminalPolicyView__offenseGroupDescription { grid-area: offenseCategories; margin: 0; text-align: left; font-size: 0.9em; } .CriminalPolicyView__addCrimePolicy { background-color: transparent; width: 100%; border: 1px dashed; padding: 25px; } .CriminalPolicyView__addCrimePolicy:hover, .CriminalPolicyView__addCrimePolicy:focus { background-color: rgba(42, 180, 150, 0.1); border-color: #2eb495; color: #008568; outline: none; } .CriminalPolicyView__heading { margin: 0; font-weight: normal; font-size: 1.6em; } .CriminalPolicyView__inactivityAlert { color: #f15946; font-style: italic; font-size: 0.7em; margin-left: 5px; } .CriminalPolicyView__titleBar { padding: 10px 20px; padding-right: 0; padding-top: 5px; display: grid; grid-template-columns: 5fr 1fr 1fr; grid-gap: 5px; background-color: #f5f6f7; } .CriminalPolicyView__titleBar button { background-color: transparent; border: 1px solid transparent; } .CriminalPolicyView__titleBar button .Named { margin-right: 10px; } .CriminalPolicyView__titleBar button:focus, .CriminalPolicyView__titleBar button:hover { background-color: rgba(42, 180, 150, 0.1); border-color: #2eb495; color: #008568; outline: none; } .CriminalPolicyView__addOffenseGroup { background-color: #fff; border: 1px solid transparent; font-size: 1.2em; margin: 10px; margin-bottom: 15px; padding: 5px; } .CriminalPolicyView__addOffenseGroup .Named { margin-right: 12px; } .CriminalPolicyView__addOffenseGroup:focus, .CriminalPolicyView__addOffenseGroup:hover { background-color: rgba(42, 180, 150, 0.1); border-color: #2eb495; color: #008568; outline: none; } .CriminalPolicyView__attributeName { background-color: #d6dde3; color: #2d3f50; padding: 10px 30px; } .CriminalPolicyView__attributeName .Named { color: #fff; margin-right: 15px; font-size: 1.2em; } .DeleteOffenseGroupPromptView { display: grid; grid-template-rows: repeat(3, auto); border: 1px solid #778ea1; background-color: #fff; padding: 25px; width: 545px; margin: auto; } .DeleteOffenseGroupPromptView__heading { font-weight: normal; font-size: 1.6em; text-align: center; margin-top: 0; margin-bottom: 5px; } .DeleteOffenseGroupPromptView__description { color: #6b6b6b; text-align: center; margin-bottom: 40px; } .DeleteOffenseGroupPromptView__controls { padding: 0; border: none; text-align: center; margin: auto; width: 270px; } .DeleteOffenseGroupPromptView__controls > * { margin: 0 5px; } .DeleteOffenseGroupPromptView__primaryButton { background-color: #2d3f50; color: #fff; } .DeleteOffenseGroupPromptView__secondaryButton { color: #2d3f50; } .DeleteOffenseGroupPromptView__primaryButton, .DeleteOffenseGroupPromptView__secondaryButton { border: none; border-radius: 30px; padding: 11px 35px; outline-color: #2eb495; } .CreationPrompt { background-color: #fff; padding: 25px; width: 630px; margin: auto; display: grid; grid-template-rows: repeat(4, auto); border: 1px solid #778ea1; } .CreationPrompt__heading { font-size: 1.6em; text-align: center; font-weight: normal; margin-top: 0; margin-bottom: 5px; } .CreationPrompt__description { text-align: center; margin-bottom: 35px; color: #6b6b6b; } .CreationPrompt .InputWithButtonView { margin-bottom: 45px; } .CreationPrompt .InputWithButtonView__field { background-color: #fcfcfc; border: 1px solid #ececec; } .CreationPrompt__cancelButton { width: 140px; margin: auto; border: none; border-radius: 30px; padding: 10px 35px; outline-color: #2eb495; } .AddOffenseGroupFormView { display: flex; flex-direction: column; margin-bottom: 20px; } .OffenseGroupTemplateView { display: flex; align-items: flex-start; width: 415px; border: 1px solid palete(evidentgrey3); border-radius: 3px; margin: 0 auto 10px; background-color: #fcfcfc; padding: 10px; } .OffenseGroupTemplateView:focus { outline-color: #2eb495; } .OffenseGroupTemplateView__icon { margin-right: 20px; margin-left: 5px; } .OffenseGroupTemplateView__label { text-align: left; } .InputWithButtonView { color: #2d3f50; } .InputWithButtonView__label { font-family: "Roboto Condensed", sans-serif; font-weight: normal; margin-bottom: 7px; } .InputWithButtonView__layout { border: 1px solid #ececec; display: grid; grid-template-columns: 2fr 1fr; } .InputWithButtonView__field { padding: 17px 30px; border: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .InputWithButtonView__field::-webkit-input-placeholder { color: #767676; } .InputWithButtonView__field:-ms-input-placeholder { color: #767676; } .InputWithButtonView__field::-ms-input-placeholder { color: #767676; } .InputWithButtonView__field::placeholder { color: #767676; } .InputWithButtonView__button { font-family: "Roboto", sans-serif; color: #fff; background-color: #2d3f50; padding: 17px 34px; border: none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .InputWithButtonView__button:hover { background-color: #3a5261; } .LabeledHorizontalRadio { display: grid; grid-auto-columns: auto; } .LabeledHorizontalRadio__context { margin-bottom: 10px; } .LabeledHorizontalRadio__label { font-size: 1.1em; display: block; margin-bottom: 10px; padding: 15px 30px; background-color: #fcfcfc; border: 1px solid #556776; color: #556776; } .LabeledHorizontalRadio__label:hover { background-color: #e6e6e6; } .LabeledHorizontalRadio__radioGroup { display: inline-flex; align-items: center; height: 75px; width: 177px; border: 1px dotted transparent; } .LabeledHorizontalRadio__radioGroup[focus-within] { border: 1px dotted #2eb495; } .LabeledHorizontalRadio__radioGroup:focus-within { border: 1px dotted #2eb495; } .LabeledHorizontalRadio__radioWrap:first-child > label { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .LabeledHorizontalRadio__radioWrap:last-child > label { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .LabeledHorizontalRadio__radioButton { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .LabeledHorizontalRadio__radioButton:checked + label { color: #008568; border-color: #2eb495; background-color: rgba(42, 180, 150, 0.1); } .LabeledTextInputView { margin-bottom: 10px; } .LabeledTextInputView__label { display: block; } .LabeledTextInputView__input { background-color: #fcfcfc; border-radius: 3px; border: 1px solid #ececec; padding: 10px 20px; width: 380px; } .LabeledNumberInputView__form { display: inline-grid; grid-template-columns: 1fr 2fr 1fr; width: 210px; color: #000; padding-bottom: 5px; border-bottom: 2px solid transparent; } .LabeledNumberInputView__form[focus-within] { border-bottom: 2px dotted #2eb495; } .LabeledNumberInputView__form:focus-within { border-bottom: 2px dotted #2eb495; } .LabeledNumberInputView__display { padding: 15px 0; text-align: center; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; background-color: #fcfcfc; } .LabeledNumberInputView__button { background-color: #fcfcfc; border: 1px solid #ececec; } .LabeledNumberInputView__button:focus { background-color: rgba(42, 180, 150, 0.1); outline: none; } .LabeledNumberInputView .Named { color: #2eb495; } .LabeledCheckBoxView { display: inline-grid; align-items: center; grid-template-columns: 2em auto; margin-left: 50px; grid-gap: 5px; grid-template-rows: auto; border: 1px dotted transparent; } .LabeledCheckBoxView[focus-within] { border: 1px dotted #2eb495; } .LabeledCheckBoxView:focus-within { border: 1px dotted #2eb495; } .LabeledCheckBoxView__label { color: #2d3f50; font-size: 1.1em; } .LabeledCheckBoxView__input { position: fixed; opacity: 0; } .LabeledCheckBoxView__checkbox { background-color: #fcfcfc; border: 1px solid #ececec; border-radius: 3px; width: 2em; height: 2em; } .LabeledCheckBoxView .Named { display: grid; font-size: 1.2em; height: 1.5em; color: #2eb495; align-items: center; justify-items: center; } @media only screen { html, body, th, td, option, select, p, li, ul, input, label, svg, textarea { color: #4c585e; } h1, h2, h3, h4, h5, h6 { color: #2d3e50; /* stylelint-disable selector-no-qualifying-type */ /* stylelint-enable selector-no-qualifying-type */ } h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt { color: #2eb495; } h1 { font-weight: bold; font-size: 22pt; } h2 { font-weight: normal; font-size: 22pt; } h3 { font-weight: normal; font-size: 18pt; } h4 { font-weight: bold; font-size: 14pt; } code { border: 1px solid rgba(217, 218, 219, 0.7); font-family: monospace; padding: 0 2px; white-space: nowrap; } fieldset { border: none; padding: 0; margin: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cbcbcb; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cbcbcb; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #cbcbcb; } input::placeholder, textarea::placeholder { color: #cbcbcb; } .id-scan-form-title { font-weight: normal; margin: 1rem 0 0 0; } .id-scan-form-subtitle { margin: 8px 0 1.5rem 0; padding: 0 30px; color: #676767; } .self-service-input-field { padding: 12px; width: 100%; background: #fcfcfc; border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 3px; } .TextField, .InlineFileInput, .ColorControl { border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 3px; padding: 6px; } .AdminLayout { background-color: #fff; box-shadow: 0 0 3px 1px rgba(211, 211, 211, 0.5); padding: 1rem; margin: 20px; } .AdminLayout__controls { display: flex; flex: 1; justify-content: flex-end; } .AdminLayout__toolbar { align-items: center; display: flex; background: #fff; justify-content: space-between; } .AnalyticsChart { background-color: #fff; box-shadow: 0 0 10px 1px rgba(211, 211, 211, 0.5); font-size: 14px; height: 200px; padding: 1rem; position: relative; } .AnalyticsChart__daterange { margin: 0 0 0 8px; color: #a8a8a8; } .AnalyticsChart__header { white-space: nowrap; } .AnalyticsChart__label { font-weight: normal; font-size: 20px; } .Anchored__text, .Anchored__link { display: inline-block; } .Anchored__text { margin: 0 6px 0 0; } .Anchored__link { color: #d4d4d4; cursor: pointer; } .AppToolbar { align-items: center; display: flex; background-color: #fff; box-shadow: 0 1px 3px 1px rgba(211, 211, 211, 0.5); height: 67px; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .AppToolbar__brand { flex: 0 1 228px; max-width: 228px; max-height: 33px; } .AppToolbar__controls { flex: 1; } .AttributeResult { align-items: center; display: flex; white-space: normal; } .AttributeResult__label { flex-shrink: 1; max-width: 75%; word-break: break-all; } .AttributeResult__value { text-align: right; flex-grow: 1; font-weight: bold; word-break: break-word; min-width: 25%; } .AttributeSelector { display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: 20px; } .AttributeSprawl__label { margin: 1rem 0 0 0; } .AttributeSprawl__chips { display: flex; flex-wrap: wrap; } .AttributeTreeCategory { align-items: center; display: flex; cursor: pointer; padding: 6px 0; } .AttributeTreeCategory__circle { flex: 0 1; margin: 0 6px; } .AttributeTreeCategory__count { flex: 1 0; margin: 0 6px 0 0; text-align: right; } .AttributeTreeCategory__folder { flex: 0 1; color: #e7c44c; } .AttributeTreeCategory__name { flex: 1 0; margin: 0 4px; text-align: left; white-space: nowrap; } .AttributeTreeCategory.hasSelected { color: #2eb495; } .AttributeTreeCategory.open, .AttributeTreeCategory:hover { background-color: #eaf8f5; } .AttributeValue { display: inline-block; width: 100%; } .AttributeValue .Named { color: #2eb495; } .AttributeValueDialog { z-index: 9999999; background: #fff; box-shadow: 0 0 4px 4px #ededed; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .AttributeValueDialog__attributeType { flex: 1 0; padding: 1rem; margin: 0; } .AttributeValueDialog__body { padding: 1rem; max-height: 70vh; min-width: 900px; overflow-y: auto; } .AttributeValueDialog__body > * { margin: 0 auto; max-height: 90vh; } .AttributeValueDialog__body img { display: block; margin: 0 auto; max-width: 85vw; max-height: 70vh; } .AttributeValueDialog__dialogButton { border-left: 1px solid rgba(217, 218, 219, 0.7); color: #2eb495; flex: 0 1 3.5rem; padding: 1px; text-align: center; font-size: 36px; } .AttributeValueDialog__titleBar { display: flex; align-items: center; border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .Auth { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 567px; } .Auth__dialog { background: #fff; box-shadow: 0 0 4px 4px #ededed; border-radius: 4px; padding: 2rem; } .Auth__heading { border-bottom: 1px solid rgba(217, 218, 219, 0.7); margin: 0 0 30px 0; padding: 0 0 24px 0; } .Auth__heading, .Auth__salesNote, .Auth__note { text-align: center; } .Auth__note { margin: 1rem 0 0 0; } .Auth__salesNote { margin: 0 0 1rem 0; } .ApiKeySetting { width: 100%; padding: 0.7rem 1rem; display: flex; border: 1px solid #f5f6f7; margin: 0; } .ApiKeySetting__field { padding-right: 1.5rem; } .ApiKeySetting__field.key { flex-grow: 5; } .ApiKeySetting__field.user input { letter-spacing: normal; } .ApiKeySetting__title { color: #696969; font-size: 16px; } .ApiKeySetting__header { width: 100%; } .ApiKeySetting__header > * { text-align: left; padding: 0; } .ApiKeySetting__copyable-field { display: flex; } .ApiKeySetting__input { flex-grow: 1; border: none; background-color: #f7f7f7; padding: 1rem 1.5rem; letter-spacing: 5px; border-radius: 5px; } .ApiKeySetting__copyButton { border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; padding: 1rem 2rem 0; background-color: #d8d8d8; color: #828282; text-align: center; } .ApiKeySetting__visibility { padding-top: 25px; font-size: 16px; color: #2ab698; margin: auto 0 auto auto; } .ApiKeySetting__resetButton { font-size: 14px; color: #f05b46; cursor: pointer; } .WebhookTable { width: 100%; text-align: left; border-collapse: collapse; } .WebhookTable__header { text-indent: 14px; line-height: 60px; width: 100%; display: grid; grid-template-columns: 375px auto; background-color: #e9edf0; margin: 0; border: 1px solid rgba(217, 218, 219, 0.7); font-weight: bold; } .WebhookTable__readRow { text-indent: 14px; line-height: 60px; display: grid; border: 1px solid rgba(217, 218, 219, 0.7); grid-template-columns: 375px auto 52px 52px; } .WebhookTable__updateRow { text-indent: 14px; line-height: 60px; align-items: center; justify-items: center; display: grid; border: 1px solid rgba(217, 218, 219, 0.7); grid-template-columns: 375px auto 57px 57px; background-color: #ecf6f4; } .WebhookTable__updateRow input, .WebhookTable__updateRow select { text-indent: 14px; padding: 0; width: 95%; height: 67%; background-color: #fff; } .WebhookTable__updateRow .Dropdown { text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .WebhookTable .Named { color: #9d9d9d; cursor: pointer; } .WebhookPrompt { padding-top: 16px; height: 59px; font-size: 18px; text-align: center; color: #2ab698; background-color: #ecf6f4; border: 1px dashed #2ab698; } .AuthUserBadge { align-items: center; cursor: pointer; display: flex; } .AuthUserBadge__arrow { display: inline-block; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); margin: 0 0 0 3px; } .AuthUserBadge__firstname { font-size: 1.1rem; font-weight: bold; } .AuthUserBadge__meta { flex: 1 0 0; padding: 0 8px; margin: 0 80px 0 0; } .AuthUserBadge__photo { flex: 0 1 0; } .AutoComplete { display: inline-block; } .AutoComplete__input { width: 100%; } .Avatar { border-radius: 999px; color: #fff; background-size: contain; font-size: 18px; width: 36px; font-family: monospace; height: 36px; line-height: 36px; padding: 10px; text-align: center; text-transform: uppercase; } .Ballotbox > * { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .BandedOptionSet { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-bottom: 1px solid rgba(217, 218, 219, 0.7); border-top: 1px solid rgba(217, 218, 219, 0.7); display: flex; margin: 2rem 0; padding: 1rem; } .BandedOptionSet .Ballotbox { background: #a8a8a8; border-radius: 2px; display: inline-block; height: 1px; padding: 7px; position: relative; vertical-align: middle; width: 1px; } .BandedOptionSet .Ballotbox > * { border-width: 0 2px 2px 0; border: solid #fff; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 5px; } .BandedOptionSet .Ballotbox:hover, .BandedOptionSet .Ballotbox.checked { background: #2eb495; } .BandedOptionSet .LabeledCheckbox { margin: 0 18px 0 0; } .BandedOptionSet > *:first-child { flex: 1 0; } .BasicCriminalHistory__alerting { flex: 0 1; margin: 0 4rem 0 0; } .BasicCriminalHistory__lookback { flex: 0 1; } .BasicCriminalHistory__lookback .Dropdown { padding: 0.5rem 5rem 0.5rem 0; } .BasicCriminalHistory__top { display: flex; align-items: center; } .BenefitsOverview__heading, .BenefitsOverview__subHeading { font-weight: bold; margin: 0 0 1rem 0; } .BizVerificationForm .Dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .BizVerificationForm .intl-tel-input { width: 100%; } .BizVerificationForm input, .BizVerificationForm .Dropdown { padding: 12px; width: 100%; background: #fcfcfc; border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 3px; } .BizVerificationForm__field { flex: 0 1 100%; padding: 0 6px; } .BizVerificationForm__fieldset { display: flex; margin: 0 0 1rem 0; width: 100%; align-items: center; justify-content: space-between; } .BrandingPreview { align-items: center; display: flex; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); justify-content: space-between; background-color: #fff; padding: 1rem; white-space: nowrap; } .BrandingPreview__text { flex: 1 0 48%; } .BrandingPreview__wordmark { display: inline-block; flex: 0 1 100px; margin: 0 4px 0 0; max-height: 40px; max-width: 100px; } .BrandingSettings { align-items: flex-start; display: flex; } .BrandingSettings__company + input { width: 100%; } .BrandingSettings__form { flex: 1; } .BrandingSettings__visualAid { background-color: #dadada; height: 500px; flex: 1; margin: 0 1rem 0 0; position: relative; width: 50%; } .BusinessVerification { margin: 1rem; } .BusinessVerification__left, .BusinessVerification__right { padding: 1rem; } .BusinessVerification__form { background: #fff; display: flex; justify-content: space-between; margin: 1rem 0; padding: 1rem; } .BusinessVerification__formHeading { color: #2eb495; font-weight: normal; margin: 0 0 1rem 0; } .BusinessVerification__left { flex: 1 0; border-right: 1px solid rgba(217, 218, 219, 0.7); } .BusinessVerification__right { flex: 1 0; } .CaptionedImage { align-items: flex-start; grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; } .CaptionedImage img { width: 100%; } .CheckmarkList__check { color: #2eb495; font-size: 24px; margin-right: 12px; } .CheckmarkList__item { align-items: center; display: flex; margin: 0 0 1rem 0; } .CheckoutFieldSet__field { flex: 0 1 100%; padding: 0 6px; } .CheckoutForm__fields { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-row-gap: 20px; row-gap: 20px; } .CheckoutForm__fields *:first-child { grid-column: span 2; } .CheckoutForm__heading { color: #2eb495; font-weight: normal; margin: 0 0 2rem 0; } .CheckoutForm input, .CheckoutForm .StripeElement { padding: 12px; width: 100%; background: #fcfcfc; border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 3px; } .CodeBlock { color: #fff; font-size: 14px; } .CodeBlock__header { align-items: center; display: flex; background-color: #56636e; height: 39px; padding: 0.5rem 14px; } .CodeBlock__source { background-color: #45505a; margin: 0; overflow-x: auto; } .CodeBlock__source ::-webkit-scrollbar { width: 16px; } .CodeBlock__source ::-webkit-scrollbar-track { background-color: #333b43; border-radius: 8.25px; } .CodeBlock__source ::-webkit-scrollbar-thumb { background-color: #6b7580; border: 1px solid #333b43; border-radius: 8.25px; } .CodeBlock__source code { padding: 1rem; border: none; white-space: pre; } .CodeBlock__title { flex: 1 0; text-align: left; } .CodeBlock__copy { cursor: pointer; flex: 1 0; font-weight: bold; font-size: 12px; text-align: right; text-transform: uppercase; } .CodeBlock__copy i { color: #2eb495; margin: 0 4px 0 0; } .CodeBlock pre { margin: 0; } .ColorControl { align-items: center; display: flex; padding: 0; border: 0; position: relative; } .ColorControl__preview { font-size: 0; border-radius: 4px; border: 2px solid rgba(217, 218, 219, 0.7); display: block; flex: 0 1; width: 28px; height: 28px; right: 12px; position: absolute; } .ColorControl__unknown { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ColumnHeader i { color: #2eb495; margin: 0 0 0 4px; } .ComboButton { align-items: center; display: flex; border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 3px; } .ComboButton > * { padding: 0.5rem 2rem; background: #fff; text-align: center; flex: 1 0; } .ComboButton > *.selected { background: #2eb495; color: #fff; } .CompletionTimes { margin: 12px 0 0 0; } .CompletionTimes .TimeCategory { white-space: nowrap; } .CompletionTimes .TimeCategory__bar { border-radius: 3px; display: inline-block; height: 1rem; transition: width 1s; width: 1px; } .CompletionTimes .TimeCategory__label { color: #a8a8a8; padding-right: 16px; } .CompletionTimes .TimeCategory td { padding-bottom: 3px; padding-top: 3px; } .CountryDropdown { margin: 0 auto; width: 300px; } .CountryDropdown .Dropdown { width: 100%; } .CreateRequest__form, .CreateRequest__notes, .CreateRequest__selected, .CreateRequest__selector { background-color: #fff; border-radius: 4px; border: none; box-shadow: 0 2px 3px 0 rgba(211, 211, 211, 0.5); margin: 0 20px 20px 20px; outline: none; padding: 12px 20px; } .CreateRequest__form h2:first-child, .CreateRequest__notes h2:first-child, .CreateRequest__selected h2:first-child, .CreateRequest__selector h2:first-child { margin: 0 0 1rem 0; } .CreateRequest__form:first-child, .CreateRequest__notes:first-child, .CreateRequest__selected:first-child, .CreateRequest__selector:first-child { border-radius: 0; margin: 0 0 20px 0; padding: 1rem; } .CreateRequest textarea { border: 1px solid rgba(217, 218, 219, 0.7); display: block; height: 118px; resize: none; width: 100%; } .CreateRequestAttributeChips { overflow: visible; } .CreateRequestAttributeChips .Chip { background-color: #2eb495; border-radius: 2px; color: #fff; padding: 3px; margin: 0 2px; } .CreateRequestAttributeChips input, .CreateRequestAttributeChips input:focus { border: none; outline: none; } .CreateRequestAttributeChips__LooksLikeInput { border: 1px solid rgba(217, 218, 219, 0.7); display: block; padding: 4px; position: relative; width: 100%; } .CreateRequestAttributeChips__LooksLikeInput[focus-within] { border: 1px solid #2eb495; } .CreateRequestAttributeChips__LooksLikeInput:focus-within { border: 1px solid #2eb495; } .CriminalReport { display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: 25px; -webkit-column-gap: 25px; column-gap: 25px; grid-row-gap: 12px; row-gap: 12px; } .CriminalReportCaseCharge { background-color: #fef6f5; border: 1px solid #f15946; border-radius: 12px; text-align: left; width: 100%; /* stylelint-disable max-line-length */ /* stylelint-disable selector-max-combinators, selector-max-compound-selectors */ /* stylelint-enable selector-max-combinators, selector-max-compound-selectors */ /* stylelint-enable max-line-length */ } .CriminalReportCaseCharge th { font-weight: normal; } .CriminalReportCaseCharge td { font-weight: bold; } .CriminalReportCaseCharge th, .CriminalReportCaseCharge td { padding: 6px 20px; font-size: 13px; } .CriminalReportCaseCharge tr + tr th, .CriminalReportCaseCharge tr + tr td { border-top: 1px solid #f8aea5; } .CriminalReportCaseCharge th { width: 30%; } .CriminalReportCaseCharge + .CriminalReportCaseCharge { margin: 1rem 0 0 0; } .CriminalReportCaseDetails table { text-align: left; white-space: nowrap; } .CriminalReportCaseDetails table th { font-weight: normal; } .CriminalReportCaseDetails table td { font-weight: bold; } .CriminalReportCaseDetails table th { padding: 0 12px 0 0; } .CriminalReportCaseDetails table th, .CriminalReportCaseDetails table td { font-size: 14px; } .CsvUploadErrorDialog { z-index: 9999999; background: #fff; box-shadow: 0 0 4px 4px #ededed; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; padding: 1rem; } .CsvUploadErrorDialog__instructions { margin: 1rem 0; } .CsvUploadErrorDialog__title { margin: 0; flex: 1; } .CsvUploadErrorDialog__titleBar { align-items: center; display: flex; } .CustomPackage { border: 2px dashed #2eb495; } .DateTimeRangePicker { background: #fff; position: relative; } .DateTimeRangePicker__field { border: none; outline: none; background: transparent; padding: 0; margin: 0; white-space: nowrap; border: 1px solid #d3d3d3; padding: 10px 2.5rem 10px 10px; } .DateTimeRangePicker__label { position: absolute; right: calc(1rem - 5px); top: calc(50% - 13px); flex-direction: column; justify-content: center; } .DateTimeRangePicker__icon { padding: 5px; cursor: pointer; transition: text-shadow 0.2s; } .DateTimeRangePicker__icon.close:hover { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } .DegreeList > .Degree { margin: 0 0 20px 0; } .Degree { font-size: 14px; font-weight: normal; text-align: left; } .Degree__where { font-weight: bold; } .DelegateScanner { align-items: center; display: grid; grid-template-rows: 64px auto 64px; height: 80vh; justify-items: center; grid-row-gap: 10px; row-gap: 10px; } .DelegateScanner__switch, .DelegateScanner__form, .DelegateScanner__controls { padding: 20px; width: 100%; } .DelegateScanner__switch { color: #2eb495; text-align: center; } .DelegationInstructions { margin: 1rem; } .DelegationInstructions__check { color: #2eb495; display: inline; margin: 0 12px 0 0; } .DelegationInstructions__form { align-items: flex-start; background: #fff; display: flex; margin: 1rem 0; padding: 40px; } .DelegationInstructions__left, .DelegationInstructions__right { flex: 1 0; } .DelegationInstructions__step { margin: 0 0 1rem 0; } .DelegationInstructions__stepsHeading { color: #2eb495; font-weight: normal; margin: 0 0 1rem 0; } .DeleteIdoRequestsDialog { z-index: 9999999; background: #fff; box-shadow: 0 0 4px 4px #ededed; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; padding: 1rem; } .DeleteIdoRequestsDialog__action { flex: 1 0; } .DeleteIdoRequestsDialog__action .Button { width: 100%; display: block; } .DeleteIdoRequestsDialog__controls { align-items: center; display: flex; justify-content: space-around; } .DeleteIdoRequestsDialog__form { margin: 1rem 0; } .DeleteIdoRequestsDialog__header { border-bottom: 1px solid rgba(217, 218, 219, 0.7); padding: 0 0 1rem 0; text-align: center; } .DeleteIdoRequestsDialog__input { border: 1px solid rgba(217, 218, 219, 0.7); margin: 4px; width: 100%; } .DeleteIdoRequestsDialog__title, .DeleteIdoRequestsDialog__subtitle { margin: 0; padding: 0; } .Dialog { z-index: 9999999; background: #fff; box-shadow: 0 0 4px 4px #ededed; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ApiKeyReset { width: 100%; height: 415px; border: 1px solid rgba(217, 218, 219, 0.7); text-align: center; } .ApiKeyReset__icon { color: #f05b46; width: 100%; display: inline-block; text-align: center; font-size: 48px; margin-top: 49px; } .ApiKeyReset__header { margin-top: 39px; text-align: center; font-size: 22px; font-weight: bold; } .ApiKeyReset__body { text-align: center; margin: 38px 67px 50px; font-size: 17px; } .ApiKeyReset__buttons { display: grid; text-align: center; justify-items: center; grid-template-columns: 50% 50%; } .DuplexForm { grid-column-gap: 16px; -webkit-column-gap: 16px; column-gap: 16px; display: grid; grid-template-columns: 1fr 1fr; margin: 30px 0; } .DynamicWalkthroughLayout { display: grid; grid-template-columns: 1fr; grid-template-rows: 61px auto; } .DynamicWalkthroughLayout__controls, .DynamicWalkthroughLayout__control { align-items: center; display: flex; } .DynamicWalkthroughLayout__controls { background-color: #e7ecf1; } .DynamicWalkthroughLayout__control { margin: 0 0 0 36px; } .DynamicWalkthroughLayout__controlLabel { margin: 0 8px 0 0; } .DynamicWalkthroughLayout__walkthrough { margin: 20px; } .ErrorPage { margin: 3rem auto 0 auto; max-width: 900px; padding: 5rem 4rem; text-align: center; } .ErrorPage__icon { color: #f15946; font-size: 48px; } .ErrorPage__summary { font-weight: normal; } .ExpiryDialog { z-index: 9999999; background: #fff; box-shadow: 0 0 4px 4px #ededed; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; padding: 2rem; text-align: center; } .ExpiryDialog hr { margin: 2rem 0; } .ExpiryDialog__action { flex: 0 1 48%; } .ExpiryDialog__controls { align-items: center; display: flex; justify-content: space-between; margin: 2rem 0 0 0; } .ExpiryDialog__heading { color: #2eb495; margin: 0; } .FileDropbox { align-items: center; display: flex; background: #fff; border-radius: 4px; border: 1px dashed #2eb495; color: #2eb495; cursor: pointer; justify-content: center; line-height: 24px; padding: 1rem; transition: background 1s; } .FileDropbox.draghover { background: #baffee; } .FileDropbox__icon { font-size: 24px; margin: 0 8px; } .FilterMenu { min-width: 100px; position: relative; white-space: nowrap; z-index: 999; } .FilterMenu__allContainer { border-bottom: 1px solid rgba(217, 218, 219, 0.7); font-weight: bold; } .FilterMenu__checkboxes .Ballotbox { background: #a8a8a8; border-radius: 2px; display: inline-block; height: 1px; padding: 7px; position: relative; vertical-align: middle; width: 1px; } .FilterMenu__checkboxes .Ballotbox > * { border-width: 0 2px 2px 0; border: solid #fff; height: 8px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 5px; } .FilterMenu__checkboxes .Ballotbox:hover { background: #2eb495; } .FilterMenu__checkboxes .Ballotbox.checked { background: #2eb495; } .FilterMenu__checkboxes .LabeledCheckbox { display: block; padding: 1rem; } .FilterMenu__checkboxes { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 5px 18px -4px rgba(211, 211, 211, 0.5); max-height: 300px; overflow-y: auto; position: absolute; } .FilterMenu__name { border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 1rem; } .FilterMenu__options { font-weight: normal; } .FilterMenu.open .FilterMenu__name { background-color: #fff; box-shadow: 0 -7px 32px -8px rgba(211, 211, 211, 0.5); } .FlushedLabelText { color: #a8a8a8; display: block; font-size: 0.9rem; margin: 1rem 0 4px 0; } .HeadingAndMessageForm { width: 400px; } .HeadingAndMessageForm label { color: #a8a8a8; display: block; font-size: 0.8rem; margin-top: 1rem; } .HeadingAndMessageForm textarea { min-height: 4rem; } .HeadingAndMessageForm textarea, .HeadingAndMessageForm input { display: block; width: 100%; } .InlineFileInput { align-items: center; display: flex; } .InlineFileInput__delete { flex: 0 1 24px; } .InlineFileInput__filename { flex: 1 0; } .InlineFileInput__image { background-position: center; background-repeat: no-repeat; background-size: contain; height: 24px; width: 48px; } .InlineFileInput__preview { flex: 0 1; margin: 0 12px 0 0; } .InternalSettings { width: 500px; } .IsolatedTermsAndConditions { margin: 1rem auto; max-width: 800px; } .LabeledNumber__label { margin: 0 0 8px 0; } .LabeledNumber__number { margin: 0; } /* stylelist-disable max-nesting-depth */ .LabeledToggle { align-items: center; display: flex; border-bottom: 1px solid rgba(217, 218, 219, 0.7); margin-bottom: 1rem; } .LabeledToggle__text, .LabeledToggle__buttoncell { flex: 1 0; } .LabeledToggle__buttoncell { text-align: right; } .LabeledToggle__buttoncell > .Toggle { display: inline-block; } .LabeledToggle__buttoncell > .Toggle__input { display: none; } .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button { background: #a8a8a8; border-radius: 2em; cursor: pointer; display: block; height: 2em; outline: 0; padding: 2px; position: relative; transition: all 0.4s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 4em; } .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button:after { background: #fff; border-radius: 50%; left: 0; transition: all 0.2s ease; } .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button:after, .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button:before { content: ""; display: block; height: 100%; position: relative; width: 50%; } .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button:before { display: none; } .LabeledToggle__buttoncell > .Toggle__input::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input:after::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input:before::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input *::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input *:after::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input *:before::-moz-selection, .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button::-moz-selection { background: none; } .LabeledToggle__buttoncell > .Toggle__input::selection, .LabeledToggle__buttoncell > .Toggle__input:after::selection, .LabeledToggle__buttoncell > .Toggle__input:before::selection, .LabeledToggle__buttoncell > .Toggle__input *::selection, .LabeledToggle__buttoncell > .Toggle__input *:after::selection, .LabeledToggle__buttoncell > .Toggle__input *:before::selection, .LabeledToggle__buttoncell > .Toggle__input + .Toggle__button::selection { background: none; } .LabeledToggle__buttoncell > .Toggle__input:checked + .Toggle__button { background: #2eb495; } .LabeledToggle__buttoncell > .Toggle__input:checked + .Toggle__button:after { left: 50%; } .LabeledToggle__text { text-align: left; } /* stylelist-enable max-nesting-depth */ .LargeFormatForm { background: #fff; box-shadow: 0 0 5px 0 #ccc; display: grid; grid-template-rows: 54px 54px 228px 88px auto; grid-row-gap: 1rem; row-gap: 1rem; text-align: center; } .LargeFormatForm__heading { color: #2eb495; font-weight: normal; padding: 0 36px; margin: 30px 0 0 0; } .LargeFormatForm__subHeading, .LargeFormatForm__form { padding: 0 36px; } .LargeFormatForm__switch { color: #2eb495; display: inline; } .LargeFormatForm__footer { background-color: #e3e7ec; padding: 20px; } .LargeFormatForm .Dropdown { height: 54px; } .LargeFormatForm .FileDropbox { margin: 0 auto; } .LargeFormatForm .IdScanVisualAid, .LargeFormatForm__form { align-self: center; } .LargeFormatForm .PhoneDelegationInput { padding: 20px; } .LargeFormatForm .PhoneDelegationInput, .LargeFormatForm .IdScanVisualAid { margin: 0 auto; } .LargeFormatIdCardDuplexForm { flex: 0 1 48%; } .LargeFormatIdCardDuplexForm__title { font-weight: normal; margin: 1rem 0 0 0; } .LargeFormatIdCardDuplexForm__subtitle { margin: 8px 0 1.5rem 0; padding: 0 30px; color: #676767; } .LargeFormatIdCardDuplexForm__duplex { align-items: center; display: flex; justify-content: space-between; } .LargeFormatIdScanForm { padding: 0 1rem; } .LargeFormatIdScanForm__title { font-weight: normal; margin: 1rem 0 0 0; } .LargeFormatIdScanForm__subtitle { margin: 8px 0 1.5rem 0; padding: 0 30px; color: #676767; } .LargeFormatIdScanForm__countries { text-align: left; } .LargeFormatIdScanForm__countries .Dropdown { width: 100%; } .LargeFormatIdScanForm__delegation { display: block; text-align: center; } .LargeFormatIdScanForm__flip { align-self: self-end; background-color: #efefef; padding: 24px; } .LargeFormatIdScanForm__flipMessage a { color: #2eb495; } .LargeFormatIdScanForm__form { display: grid; position: relative; text-align: center; } .LargeFormatIdScanForm__form, .LargeFormatIdScanForm__delegation { background-color: #fff; border-radius: 2px; border: 1px solid rgba(217, 218, 219, 0.7); display: grid; flex: 0 1 48%; height: 450px; grid-row-gap: 20px; row-gap: 20px; } .LargeFormatIdScanForm__instructions { color: #676767; margin: 1rem 0; } .LargeFormatIdScanForm__methods { align-items: flex-start; display: flex; justify-content: space-between; } .LargeFormatIdScanForm__smsInfo { margin-bottom: 6px; } .LargeFormatIdSimplexControl { border-radius: 4px; cursor: pointer; flex: 0 1 48%; position: relative; text-align: center; } .LargeFormatIdSimplexControl__label { color: #676767; display: block; font-size: 12px; font-weight: bold; margin: 8px 0; } .LargeFormatIdSimplexControl.fail { font-size: 1rem; border: 1px solid #f15946; color: #f15946; } .LargeFormatIdSimplexControl.success { background-color: #80c77a; color: #fff; } .LargeFormatIdSimplexControl .FileDropbox { cursor: pointer; display: block; font-size: 12px; line-height: 16px; padding: 48px; } .LargeFormatIdSimplexControl .FileDropbox__icon { display: block; margin: 4px 0; } .LargeFormatPassportForm__title { font-weight: normal; margin: 1rem 0 0 0; } .LargeFormatPassportForm__subtitle { margin: 8px 0 1.5rem 0; padding: 0 30px; color: #676767; } .LittleCheck { color: #2eb495; } .LittlePlus { color: #2eb495; } .LittleX { color: #f15946; } .LoginForm { margin: 0 auto; width: 360px; } .LoginForm .Button { width: 100%; display: block; margin: 0 0 1rem 0; } .LoginForm .Button:last-child { margin: 2rem 0 0 0; } .LoginForm input { border: 1px rgba(217, 218, 219, 0.7) solid; padding: 1rem; width: 100%; } .LoginForm label { color: rgba(217, 218, 219, 0.7); display: block; } .LoginForm__action { flex: 0 1 48%; } .LoginForm__controls { display: flex; justify-content: center; } .LoginForm__divider { align-items: center; display: flex; background: #fff; } .LoginForm__dividerEmblem { color: #a8a8a8; padding: 0.5rem; text-transform: uppercase; } .LoginForm__dividerLine { background: #a8a8a8; flex: 1; height: 1px; margin: 0; } .LoginForm__error { background-color: #fff; color: #f15946; padding: 8px; } .LoginForm__provider, .LoginForm__divider, .LoginForm__email, .LoginForm__password { margin: 0 0 1rem 0; } .MobileSimplexDropbox { align-items: center; background: #fff; border-radius: 4px; border: 1px solid #2eb495; color: #2eb495; cursor: pointer; display: flex; margin: 12px auto; padding: 16px 20px; text-align: left; white-space: nowrap; } .MobileSimplexDropbox__icon { flex: 0 1; font-size: 20px; } .MobileSimplexDropbox__label { flex: 1 0; } .MobileSimplexDropbox.fail { border: 1px solid #f15946; color: #f15946; font-size: 1rem; } .MobileSimplexDropbox.ready { background: #2eb495; border: 1px solid #2eb495; color: #fff; } .MobileSimplexDropbox.success { background-color: #80c77a; color: #fff; } .MobileSimplexPreview { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; border: 1px solid #2eb495; height: 125px; position: relative; } .MobileSimplexPreview__remove { background-color: #fff; border-bottom-left-radius: 3px; border-bottom: 1px solid #2eb495; border-left: 1px solid #2eb495; color: #2eb495; padding: 2px 7px; position: absolute; right: 0; top: 0; } .MvrSettings__swimlanes { margin: 1rem 0 0 0; display: flex; flex-wrap: wrap; } .MvrSettings__templates { flex: 0 1; } .MvrSettings__tolerance { flex: 1 0; } .MvrSettings__tolerance, .MvrSettings__templates { border: 1px solid rgba(217, 218, 219, 0.7); border-radius: 6px; margin: 0 8px 0 0; padding: 12px; } .MvrSettings__top { align-items: center; display: flex; flex-wrap: nowrap; } .MvrSettings__top .FlushedLabelText { margin: 0 0 4px 0; } .MvrSettings .Dropdown { padding: 6px 12px; } .NewWebhookForm { display: grid; height: 245px; grid-template-rows: auto auto; padding: 18px; box-shadow: inset 0 1px 0 0 rgba(211, 211, 211, 0.5), inset 0 -1px 0 0 rgba(211, 211, 211, 0.5), 0 5px 7px 0 rgba(211, 211, 211, 0.5); } .NewWebhookForm__fields { display: grid; grid-template-columns: 324px auto; grid-gap: 18px; } .NewWebhookForm__buttons { display: grid; justify-content: end; height: 40px; grid-template-columns: 120px 120px; } .NewWebhookForm input, .NewWebhookForm select { width: 100%; background-color: #fcfcfc; height: 60px; border: 1px solid rgba(217, 218, 219, 0.7); text-indent: 14px; border-radius: 0; } .NewWebhookForm .Dropdown { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .Notes .RequestDetailSection__row { white-space: pre; overflow-x: auto; } .OAuthButton { align-items: center; display: flex; background-color: #fff; background-color: transparent; border-radius: 3px; border: 1px rgba(217, 218, 219, 0.7) solid; padding: 0.5rem 0; text-align: left; width: 100%; } .OAuthButton__icon { font-size: 36px; margin: 0 1rem; flex: 0 1 36px; } .OAuthButton__icon .Named, .OAuthButton__icon svg, .OAuthButton__icon i { display: block; } .OAuthButton__text { margin-left: -48px; flex: 1 0; text-align: center; } .OAuthButton.Facebook { background-color: #3b5998; color: #fff; } .OnboardingIdScan { margin: 36px; max-width: 1140px; } .OnboardingIdScan__heading { margin: 0; } .OnboardingIdScan__methods { grid-column-gap: 36px; -webkit-column-gap: 36px; column-gap: 36px; display: grid; grid-template-columns: 552px 552px; margin: 1rem 0; } .OnboardingStepControls { align-items: center; display: flex; justify-content: center; } .OnboardingStepControls .Button { display: block; width: 200px; } .OnboardingTermsAndConditions { margin: 1rem; } .OnboardingTermsAndConditions__form { background: #fff; margin: 1rem 0 0 0; padding: 1rem; } .OnboardingTermsAndConditions .TermsAndConditionsControl__language { height: 600px; overflow-y: scroll; padding: 12px; } .OnboardingWizard { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 900px; } .OptionSet { align-items: center; display: flex; white-space: nowrap; } .OptionSet .Checkbox { flex: 1 0; margin: 0 2rem 0 0; } .OverviewItem { display: flex; } .OverviewItem__label { flex: 0 1 130px; } .OverviewItem__value { flex: 1 0; font-weight: bold; overflow: hidden; white-space: normal; } .PasswordReset { width: 300px; padding: 20px; } .PasswordReset .Button { width: 100%; display: block; } .PasswordReset__controls { align-items: center; display: flex; justify-content: space-between; } .PasswordReset__action { flex: 0 1 48%; } .PasswordReset__email { margin: 1rem 0; width: 100%; } .PasswordReset__feedback { padding: 0.5rem; margin: 0 0 0.5rem 0; } .PasswordReset__feedback.success { color: #2eb495; } .PaymentStep { margin: 1rem; } .PaymentStep__form { background: #fff; display: flex; margin: 1rem 0; padding: 1rem; } .PaymentStep__left { border-right: 1px solid rgba(217, 218, 219, 0.7); } .PaymentStep__left, .PaymentStep__right { flex: 1; padding: 1rem; } .PhoneDelegationInput { display: flex; } .PhoneDelegationInput .Button { margin: 0 0 0 4px; padding: 1rem; } .PhoneNumberInput { padding: 1rem; } .PhoneNumberPrompt .Button { display: block; width: 200px; } .PhoneNumberPrompt__form { background: #fff; box-shadow: 0 0 6px 0 rgba(211, 211, 211, 0.5); display: grid; justify-items: center; margin: 1rem auto; max-width: 67.74%; padding: 60px; grid-row-gap: 3rem; row-gap: 3rem; } .PhoneNumberPrompt__heading, .PhoneNumberPrompt__subHeading { text-align: center; } .PhoneNumberPrompt__subHeading { width: 75%; margin: 0 auto; } .PhoneNumberPrompt__label { color: #aaa; margin: 0 0 2px 0; } .PhoneNumberPrompt__request { font-weight: normal; margin: 0; text-align: center; } .Plan { background: #fff; box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.5); display: grid; grid-template-rows: 160px 100px 300px; } .Plan .Button { margin: 0 auto; width: 75%; height: 2em; display: flex; justify-content: center; align-items: center; font-family: "Roboto Condensed", "Roboto", sans-serif; font-weight: lighter; } .Plan .PlanHeader, .Plan .PlanItems, .Plan .Button { padding: 20px; } .Plan__bullet { display: inline; } .PlanDetail { padding: 25px; font-size: 0.7rem; font-weight: lighter; } .PlanDetail__head { font-weight: bold; padding: 0 0 7px; } .PlanDetail__callToAction { padding: 15px 0; color: #ec8f27; font-weight: bold; } .PlanDetail__addendum { padding: 15px 0; font-weight: bold; } .PlanDetail__custom { color: #2eb495; font-size: 0.65rem; margin-left: 24px; } .PlanHeader { display: grid; grid-template-rows: auto auto auto; border-bottom: 1px solid rgba(217, 218, 219, 0.7); font-family: "Roboto Condensed", "Roboto", sans-serif; font-weight: 400; } .PlanHeader__price { font-family: "Roboto", sans-serif; color: #000; font-size: 18px; font-weight: bold; margin: 0 auto; text-align: center; } .PlanHeader__title { color: #2eb495; font-size: 18px; font-weight: lighter; margin: 0 auto; white-space: nowrap; text-align: center; } .PlanItems__item { display: flex; font-size: 13px; padding: 3px 0; } .PlanItems__item > *:first-child { flex: 0 1 24px; } .PlanItems__item span { max-width: 170px; } .PlanSummary { background-color: #cfe6eb; padding: 15px; color: #519fb3; font-size: 15px; display: flex; justify-content: center; align-items: center; } .PlanSummary > * { text-align: center; } .PlanSelection { margin: 36px; max-width: 1280px; } .PlanSelection__heading { margin: 0; } .PlanSelection__plans { display: grid; margin: 1rem 0; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 12px; -webkit-column-gap: 12px; column-gap: 12px; } .PlanSelection__callToAction { text-align: center; line-height: 33px; } .PlanSelection__subHeading { margin: 0 0 25px 0; } .PolicyBreakdown .row { display: flex; padding: 0.5rem 1rem; } .PolicyBreakdown header { font-weight: bold; border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .PolicyBreakdown__categories, .PolicyBreakdown__items { border: 1px solid rgba(217, 218, 219, 0.7); } .PolicyBreakdown__categories .row [class*="folder"] { color: #e7c44c; margin: 0 8px 0 0; } .PolicyBreakdown__categories .row > *:nth-child(1) { flex: 1 0; } .PolicyBreakdown__categories .row > *:nth-child(n + 2) { flex: 0 1 20%; text-align: center; } .PolicyBreakdown__categories .row.selected { background: #2eb495; color: #fff; } .PolicyBreakdown__data { display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr; white-space: nowrap; } .PolicyBreakdown__data section { max-height: 500px; overflow-y: auto; } .PolicyBreakdown__items .Ballotbox { background: #a8a8a8; border-radius: 2px; display: inline-block; height: 1px; padding: 10px; position: relative; vertical-align: middle; width: 1px; } .PolicyBreakdown__items .Ballotbox > * { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-width: 0 2px 2px 0; border: solid #fff; height: 11px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 7px; } .PolicyBreakdown__items .Ballotbox:hover { background: #2eb495; } .PolicyBreakdown__items .Ballotbox.checked { background: #2eb495; } .PolicyBreakdown__items .row { border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .PolicyBreakdown__items .row > *:nth-child(1) { flex: 1 0; } .PolicyBreakdown__items .row > *:nth-child(2) { flex: 0 1; text-align: right; } .RegistrationForm { align-self: start; display: grid; grid-template-rows: repeat(3, 36px 52px); } .RegistrationForm .Button { display: block; margin: 40px auto 20px auto; width: 200px; } .RegistrationForm .OAuthButton:nth-child(1) { grid-row-start: 2; } .RegistrationForm .OAuthButton:nth-child(2) { grid-row-start: 4; } .RegistrationForm__idoInstructions { grid-row-start: 6; text-align: center; } .RegistrationForm label { align-self: end; color: #acacac; } .RegistrationForm__heading { border-bottom: 1px rgba(217, 218, 219, 0.7) solid; color: #2eb495; font-weight: normal; padding: 0 0 20px 0; text-align: center; } .RegistrationPage { margin: 0 auto; text-align: center; width: 975px; } .RegistrationPage__body { align-items: baseline; background: #fff; box-shadow: -2px 2px 3px 0 rgba(211, 211, 211, 0.5); grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: 1fr -webkit-min-content 1fr; grid-template-columns: 1fr min-content 1fr; margin: 18px 0; padding: 25px 40px; grid-row-gap: 13px; row-gap: 13px; text-align: left; } .RegistrationPage__heading { margin: 1rem 0 0 0; } .RequestDashboard { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; padding: 20px; grid-row-gap: 20px; row-gap: 20px; } .RequestDashboard__charts { grid-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 200px; } .RequestDashboard__waitForMore { position: relative; } .RequestDetail { padding: 0 20px; } .RequestDetail__deleteIdo { color: #2eb495; display: inline-block; margin: 0 0 0 8px; } .RequestDetail__sections { display: grid; grid-column-gap: 1rem; grid-template-columns: 2fr 1fr; } .RequestDetail__toolbar { background: #e7ecf1; display: flex; } .RequestDetail__toolbarLeft, .RequestDetail__toolbarRight { display: block; flex: 0 1 100px; } .RequestDetail__toolbarMiddle { display: block; flex: 1 0; text-align: center; } .RequestDetail__toolbarNav { background: #fff; border-radius: 20px; color: #2eb495; padding: 0.5rem; text-align: center; } .RequestDetailSection { background: #fff; box-shadow: 0 0 3px 3px #ededed; margin: 0 0 1rem 0; white-space: nowrap; width: 100%; } .RequestDetailSection__heading, .RequestDetailSection__row { padding: 0.5rem; } .RequestDetailSection__heading { color: #2eb495; font-weight: normal; margin: 0; } .RequestDetailSection__row { border-top: 1px solid rgba(217, 218, 219, 0.7); font-size: 14px; line-height: 21px; padding: 1rem; } .RequestLink__copyButton { background-color: #2eb495; color: #fff; font-size: 1.1rem; padding: 0.5rem; padding: inherit 1rem; text-align: center; white-space: nowrap; } .RequestLink__url { background: #efefef; border: none; color: #2eb495; font-size: 14px; height: 38px; line-height: 16px; outline: none; overflow: hidden; padding: 4px; resize: none; white-space: normal; width: 100%; word-break: break-all; } .RequestMessageForm { display: grid; grid-template-columns: 1fr 2fr; color: #a8a8a8; grid-gap: 20px; } .RequestMessageForm__input { border: 1px solid rgba(217, 218, 219, 0.7); color: #000; display: block; margin: 0 0 12px 0; padding: 4px; width: 100%; } .RequestMessageForm__subjectPreview { font-size: 12px; } .RequestStatusBar { background: #dadada; border: 2px solid #666; color: #666; font-size: 1.5rem; font-weight: bold; margin: 0 0 20px 0; padding: 1rem; text-align: center; } .RequestStatusBar.RequestStatusBar--in-process, .RequestStatusBar.RequestStatusBar--share-review { background: #f9efdf; border: 2px solid #f5a623; color: #f5a623; } .RequestStatusBar.RequestStatusBar--complete, .RequestStatusBar.RequestStatusBar--shared, .RequestStatusBar.RequestStatusBar--subscribed { background: #eaf8f5; border: 2px solid #2eb495; color: #2eb495; } .RequestStatusBar.RequestStatusBar--error, .RequestStatusBar.RequestStatusBar--timeout, .RequestStatusBar.RequestStatusBar--share-denied { background: #fdeeec; border: 2px solid #f15946; color: #f15946; } .RequestStatusBar__details { font-size: 1rem; font-weight: normal; } .RequestTable th, .RequestTable__DateColumn, .RequestTable__IdoColumn { padding: 1rem; } .RequestTable__TypeColumn, .RequestTable__SenderColumn, .RequestTable__StatusColumn { padding: 1rem 1rem 1rem 2rem; } .RequestTable__cells { width: 100%; border-collapse: collapse; border: 1px solid rgba(217, 218, 219, 0.7); background-color: #fff; } .RequestTable__cells button { width: 100%; } .RequestTable__cells tbody > tr:hover { background-color: #eaf8f5; } .RequestTable__cells td button { background-color: #eaf8f5; color: #2eb495; } .RequestTable__cells th { text-align: left; font-weight: bold; border: 1px solid rgba(217, 218, 219, 0.7); color: #2d3e50; } .RequestTable__cells tr { border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .RequestTableToolbar { align-items: center; display: flex; background-color: #dce4ed; padding: 0.5rem 1rem; white-space: nowrap; } .RequestTableToolbar .TableTool { margin: 0 1rem; display: inline-block; } .RequestTableToolbar__left { text-align: left; } .RequestTableToolbar__left, .RequestTableToolbar__right { margin: 0 -1rem; flex: 1 0; } .RequestTableToolbar__right { text-align: right; } .Requirement { background: #fff; border-left: 5px solid transparent; display: flex; padding: 1rem; align-items: center; box-shadow: 0 0 2px 0 rgba(211, 211, 211, 0.5); transition: background 0.2s; } .Requirement__check { color: #ddd; font-size: 24px; flex: 0 1 20px; } .Requirement__heading { font-size: 1.2rem; color: #2eb495; } .Requirement__icon { flex: 0 1 64px; text-align: center; margin: 0 8px; } .Requirement__icon img { width: 50%; } .Requirement__text { flex: 1 0; } .Requirement:hover { background: #fbfbfb; } .Requirement.done .Requirement__check { color: #2eb495; } .Requirement.done { border-left: 5px solid #2eb495; opacity: 0.5; } .Requirement.done:hover { background: #fff; } .RequirementsOverview { margin: 20px; } .RequirementsOverview__instructions { margin: 0 0 1rem 0; } .RequirementsOverview__steps { grid-auto-rows: 1fr; display: grid; grid-auto-columns: 100%; } .RestrictedLayout { min-height: 100%; background-color: #f5f6f7; position: relative; } .RichTextEditor { height: 15rem; } .ScheduleCall { margin: 20px; } .ScheduleCall__form { background: #fff; display: flex; align-items: center; padding: 20px; margin: 20px 0; } .ScheduleCall__form .Button { display: block; width: 300px; } .ScheduleCall__form p { margin: 0 0 1rem 0; } .ScheduleCall__graphic, .ScheduleCall__instructions { flex: 1 0; } .ScheduleCall__graphic { flex-grow: 0.4; margin: 2.5em 5em; } .ScheduleCall__nextStepHeading { color: #2eb495; font-weight: normal; margin: 0 0 1rem 0; } .SearchField { padding: 8px 4px; display: flex; background-color: #fff; border-radius: 2px; } .SearchField i { flex: 0 1 12px; padding: 0 4px; } .SearchField__input { flex: 1 0; border: none; outline: none; } .SelectedAttrChip { display: inline-block; padding: 4px; background-color: #2eb495; color: #fff; margin: 0 4px 4px 0; } .SelectedAttrChip__icon { cursor: pointer; } .SelectedAttrChip__label { margin: 0 4px 0 0; } .SentVsCompleted { display: flex; } .SentVsCompleted .SeriesMarker { align-items: center; display: inline-flex; } .SentVsCompleted .SeriesMarker__circle { flex: 0 1; font-size: 18px; margin: 0 3px 0 0; } .SentVsCompleted .SeriesMarker__label { flex: 1 0; } .SentVsCompleted .SeriesMarker .Sent { color: #bcf0e5; } .SentVsCompleted .SeriesMarker .Shared { color: #2eb495; } .SentVsCompleted .SeriesMarker .TimedOut { color: #7ee1cd; } .SentVsCompleted__bars { height: 130px; position: relative; } .SentVsCompleted__graph { flex: 1 0; } .SentVsCompleted__series { white-space: nowrap; } .SentVsCompleted__series > .SeriesMarker { margin: 0 8px 0 0; } .SentVsCompleted__summary { flex: 0 1 60px; text-align: center; } .SessionButton { background-color: #fff; border-radius: 999px; cursor: pointer; display: inline-block; font-size: 19px; margin: 0 0.5rem; overflow: visible; padding: 9px; position: relative; } .SessionControls { align-items: center; display: flex; flex-direction: row; height: 67px; } .SessionControls__heading { flex-grow: 1; margin: 0 0 0 1rem; text-align: left; } .SessionControls__menu { flex-shrink: 1; text-align: right; } .SessionControls .Dropdown { margin: 0 3rem 0 0; } .SessionMenu { overflow: visible; position: relative; } .SessionMenu__dropdown { background: #fff; box-shadow: 0 3px 1px 1px rgba(211, 211, 211, 0.5); margin: 3px 0 0 0; position: absolute; top: 100%; width: 100%; z-index: 9999; } .SessionMenu__logout { padding: 8px; cursor: pointer; } .SessionMenu__logout:hover { color: #2eb495; } .SessionNotificationIndicator { background-color: #f15946; border-radius: 999px; display: inline-block; font-size: 10px; padding: 2px; position: absolute; right: -3px; top: -2px; } .ShareRate { position: relative; } .ShareRate__graphic { margin: 1rem auto; display: block; } .ShareRate__label { color: #a8a8a8; } .ShareRate__number { font-size: 32px; color: #2eb495; } .ShareRate__summary { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto; text-align: center; } .SprawlChip { align-items: center; display: flex; background-color: #fff; border-radius: 3px; border: 1px solid rgba(217, 218, 219, 0.7); color: #2eb495; cursor: pointer; flex: 0 1; margin: 4px; white-space: nowrap; } .SprawlChip__icon, .SprawlChip__name { padding: 4px; } .SprawlChip__icon { text-align: center; flex: 0 1; } .SprawlChip__name { text-align: left; flex: 1 0; } .SprawlChip.selected { background-color: #2eb495; color: #fff; } .StandardVerifications__heading { font-weight: bold; margin: 0 0 1rem 0; } .StandardVerifications__list { list-style: none; padding: 0; margin: 0; } .StandardVerifications__list li::before { content: "•"; padding-right: 4px; color: #2eb495; } .Status__status { margin: 0 0 0 3px; } .Status__light { color: #666; } .Status.Status--in-process .Status__light, .Status.Status--share-review .Status__light { color: #f5a623; } .Status.Status--complete .Status__light, .Status.Status--shared .Status__light, .Status.Status--subscribed .Status__light { color: #2eb495; } .Status.Status--error .Status__light, .Status.Status--timeout .Status__light, .Status.Status--share-denied .Status__light { color: #f15946; } .SubLevelNav { list-style: none; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; transition: all 0.4s ease-out; } .SubLevelNav > .Link { background-color: #f6f7f7; font-size: 14px; padding: 10px 15px; white-space: normal; white-space: initial; } .SubLevelNav > .Link:last-child { border-bottom: none; } .SubLevelNav > .Link.selected { font-weight: bold; color: #2eb495; } .Subtitle { font-weight: normal; margin: 0; } .Swimlane { flex: 1 0 33%; border: 1px solid rgba(217, 218, 219, 0.7); } .Swimlane__heading { padding: 6px; margin: 2px; font-weight: bold; } .Swimlane__swimmers { overflow-y: auto; } .Swimlane__swimmers > .Draggable { cursor: move; margin: 2px; padding: 6px; } .Swimlane__swimmers > .Draggable.selected { border-radius: 3px; background: #2eb495; color: #fff; } .TabbedView { margin: 2rem 0 0 0; } .TabbedView__tabs { align-items: center; display: flex; color: #2eb495; margin-bottom: 1rem; } .TabbedView__tab { border-bottom: 1px solid rgba(217, 218, 219, 0.7); border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 5px solid transparent; flex: 1 0; padding: 1rem; text-align: center; } .TabbedView__tab.selected { border-bottom: 1px solid transparent; border-left: 1px solid rgba(217, 218, 219, 0.7); border-right: 1px solid rgba(217, 218, 219, 0.7); border-top: 5px solid #2eb495; } .TableOfContents__link { display: block; margin: 0 0 0 30px; } .TemplateToolbar { background: #fff; display: flex; } .TemplateToolbar__selection { flex: 0 1; } .TemplateToolbar__controls { flex: 1 0; display: flex; align-items: center; justify-content: flex-end; } .TemplateToolbar__action { flex: 0 1; margin: 0 0 0 20px; } .TermDefinitions { list-style: disc; } .TermDefinitions__definition { margin: 0; flex: 1 0; } .TermDefinitions__pair { display: flex; padding: 0 0 30px 0; } .TermDefinitions__term { flex: 0 1 200px; margin: 0 8px 0 0; } .TermsAndConditions__proceed { margin: 0 auto; display: block; padding: 12px 65px; } .TermsAndConditionsControl__heading { text-align: center; font-weight: normal; } .TermsAndConditionsControl__language { background: #fff; padding: 1rem; font-size: 14px; max-height: 50vh; overflow-y: auto; } .TermsAndConditionsControl__language p, .TermsAndConditionsControl__language strong { margin: 0 0 1rem 0; } .TermsAndConditionsControl__language ul { list-style: none; } .TermsAndConditionsControl .ConsentCheckbox { background: #fff; color: #000; border: 1px rgba(217, 218, 219, 0.7) solid; border-radius: 3px; cursor: pointer; margin: 1rem auto; width: 600px; padding: 10px 1rem; display: flex; align-items: center; white-space: nowrap; } .TermsAndConditionsControl .ConsentCheckbox i { font-size: 1.5rem; margin: 0 1rem 0 0; } .TermsAndConditionsControl .ConsentCheckbox.checked { background: #e8f9f5; border: 1px solid #2eb495; color: #2eb495; } .Tooltip { display: inline-block; margin: 0 4px; z-index: 10000; } .Tooltip__expansion { position: absolute; left: 100%; top: 0; background-color: #70767c; color: #fff; margin: 0 0 0 8px; padding: 1rem; white-space: nowrap; } .Tooltip__hotspot { color: #2eb495; } .TopLevelLabel { align-items: center; display: flex; border-right: 5px solid transparent; cursor: pointer; height: 60px; padding: 0 0.5rem; } .TopLevelLabel__icon { color: #2eb495; fill: #2eb495; flex: 0 1 24px; line-height: 0; margin: 0 0 0 8px; text-align: center; width: 2rem; } .TopLevelLabel__icon img { width: 100%; } .TopLevelLabel__more { flex: 0 1 20px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .TopLevelLabel__name { flex: 1 0; } .TopLevelLabel__text { display: inline-flex; flex: 1 0; margin: 0 0 0 1rem; } .TopLevelLabel.disabled { opacity: 0.5; } .TopLevelLabel.selected { border-right: 5px solid #2eb495; } .selected .TopLevelLabel__icon { color: #fff; fill: #fff; } .selected .TopLevelLabel__text { color: #2eb495; } .TopLevelNav { list-style: none; margin: 0; padding: 0; white-space: nowrap; } .TopToolbar { align-items: center; border-bottom: 1px solid rgba(217, 218, 219, 0.7); border-top: 1px solid rgba(217, 218, 219, 0.7); height: 61px; margin: 0 0 20px 0; padding: 1rem; white-space: nowrap; } .TopToolbar .Dropdown { min-width: 140px; } .TopToolbar button { margin: 0 12px; min-width: 100px; padding: 0.7rem 1rem; } .TopToolbar button, .TopToolbar .Dropdown { border-radius: 2px; } .TopToolbar:after { clear: both; content: ""; display: table; } .TopToolbar .Button { margin-left: 1em; } .TopToolbar .Button--abort { color: #f00; } .TopToolbar .Button--abort-disabled { color: #d4d4d4; } .UserBadge { display: flex; align-items: center; } .UserBadge__fullname { margin: 0 0 0 12px; } .VerifyEmail { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; box-shadow: 0 0 4px 4px #ededed; padding: 1rem; max-width: 400px; text-align: center; } .VerifyEmail .Button { margin: 1rem 0 0 0; } .ViolationTolerance { flex: 0 1; white-space: nowrap; } .ViolationTolerance__number { display: inline-block; border: 1px solid rgba(217, 218, 219, 0.7); padding: 6px 12px; max-width: 40px; } .ViolationTolerance__number, .ViolationTolerance__years { margin: 0 8px 0 0; } .Walkthrough { background: #fff; box-shadow: 0 0 4px 4px #ededed; margin: 34px; padding: 34px; background-color: #fff; max-width: 1200px; } .Walkthrough__header > *:not(:last-child), .Walkthrough__section > *:not(:last-child) { margin: 0 0 28px 0; } .Walkthrough__header { padding: 0 0 28px 0; margin: 0 0 28px 0; border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .Walkthrough__section { padding: 1rem 0; } .Walkthrough__section:not(:last-child) { border-bottom: 1px solid rgba(217, 218, 219, 0.7); } .Walkthrough h1, .Walkthrough h2, .Walkthrough h3, .Walkthrough h4 { margin: 0 0 24px 0; } .WithLeftNav__content, .WithLeftNav__bottom, .WithLeftNav__nav, .WithLeftNav { height: 100%; } .WithLeftNav__bottom { display: grid; grid-template-columns: 228px 3fr; height: calc(100% - 67px); min-height: calc(100% - 67px); } .WithLeftNav__content { box-shadow: inset 1px 1px 3px 0 rgba(211, 211, 211, 0.5); position: relative; background-color: #f5f6f7; } .WithLeftNav__nav { box-shadow: inset 0 1px 3px 0 rgba(211, 211, 211, 0.5); border-right: 1px solid rgba(217, 218, 219, 0.7); background-color: #fff; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .WithLeftNav, .WithLeftNav .RestrictedLayout { min-width: 1280px; } } /*# sourceMappingURL=2.61e964da2be457775723.css.map*/