/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Some default styling. This applies to edit mode and run mode, and effects things such as HTML elements. */ b, strong { font-weight: bold; } i, em { font-style: italic; } body { font-family: Helvetica, Arial, sans-serif; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } ul, ol { display: block; padding-left: 40px; } ul { list-style-type: disc; } ol { list-style-type: decimal; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; color: inherit; cursor: pointer; } a:visited { color: inherit; text-decoration: none; } input:-moz-ui-invalid { box-shadow: none; } input[type=input], input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=input]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a9a9a9; } input[type=input]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ color: #a9a9a9; opacity: 1; } input[type=input]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */ color: #a9a9a9 !important; } input[type=input]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ color: #a9a9a9; opacity: 1; } input[type=input].grey::-webkit-input-placeholder, input[type=text].grey::-webkit-input-placeholder, input[type=password].grey::-webkit-input-placeholder, input[type=email].grey::-webkit-input-placeholder, input[type=search].grey::-webkit-input-placeholder, input[type=tel].grey::-webkit-input-placeholder, textarea.grey::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a9a9a9; } input[type=input].grey::-moz-placeholder, input[type=text].grey::-moz-placeholder, input[type=password].grey::-moz-placeholder, input[type=email].grey::-moz-placeholder, input[type=search].grey::-moz-placeholder, input[type=tel].grey::-moz-placeholder, textarea.grey::-moz-placeholder { /* Firefox 19+ */ color: #a9a9a9; opacity: 1; } input[type=input].grey:-ms-input-placeholder, input[type=text].grey:-ms-input-placeholder, input[type=password].grey:-ms-input-placeholder, input[type=email].grey:-ms-input-placeholder, input[type=search].grey:-ms-input-placeholder, input[type=tel].grey:-ms-input-placeholder, textarea.grey:-ms-input-placeholder { /* IE 10+ */ color: #a9a9a9 !important; } input[type=input].grey:-moz-placeholder, input[type=text].grey:-moz-placeholder, input[type=password].grey:-moz-placeholder, input[type=email].grey:-moz-placeholder, input[type=search].grey:-moz-placeholder, input[type=tel].grey:-moz-placeholder, textarea.grey:-moz-placeholder { /* Firefox 18- */ color: #a9a9a9; opacity: 1; } input[type=input].white::-webkit-input-placeholder, input[type=text].white::-webkit-input-placeholder, input[type=password].white::-webkit-input-placeholder, input[type=email].white::-webkit-input-placeholder, input[type=search].white::-webkit-input-placeholder, input[type=tel].white::-webkit-input-placeholder, textarea.white::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; } input[type=input].white::-moz-placeholder, input[type=text].white::-moz-placeholder, input[type=password].white::-moz-placeholder, input[type=email].white::-moz-placeholder, input[type=search].white::-moz-placeholder, input[type=tel].white::-moz-placeholder, textarea.white::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 1; } input[type=input].white:-ms-input-placeholder, input[type=text].white:-ms-input-placeholder, input[type=password].white:-ms-input-placeholder, input[type=email].white:-ms-input-placeholder, input[type=search].white:-ms-input-placeholder, input[type=tel].white:-ms-input-placeholder, textarea.white:-ms-input-placeholder { /* IE 10+ */ color: #ffffff !important; } input[type=input].white:-moz-placeholder, input[type=text].white:-moz-placeholder, input[type=password].white:-moz-placeholder, input[type=email].white:-moz-placeholder, input[type=search].white:-moz-placeholder, input[type=tel].white:-moz-placeholder, textarea.white:-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 1; } input[type=input].black::-webkit-input-placeholder, input[type=text].black::-webkit-input-placeholder, input[type=password].black::-webkit-input-placeholder, input[type=email].black::-webkit-input-placeholder, input[type=search].black::-webkit-input-placeholder, input[type=tel].black::-webkit-input-placeholder, textarea.black::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333; } input[type=input].black::-moz-placeholder, input[type=text].black::-moz-placeholder, input[type=password].black::-moz-placeholder, input[type=email].black::-moz-placeholder, input[type=search].black::-moz-placeholder, input[type=tel].black::-moz-placeholder, textarea.black::-moz-placeholder { /* Firefox 19+ */ color: #333333; opacity: 1; } input[type=input].black:-ms-input-placeholder, input[type=text].black:-ms-input-placeholder, input[type=password].black:-ms-input-placeholder, input[type=email].black:-ms-input-placeholder, input[type=search].black:-ms-input-placeholder, input[type=tel].black:-ms-input-placeholder, textarea.black:-ms-input-placeholder { /* IE 10+ */ color: #333333 !important; } input[type=input].black:-moz-placeholder, input[type=text].black:-moz-placeholder, input[type=password].black:-moz-placeholder, input[type=email].black:-moz-placeholder, input[type=search].black:-moz-placeholder, input[type=tel].black:-moz-placeholder, textarea.black:-moz-placeholder { /* Firefox 18- */ color: #333333; opacity: 1; } input[type=input].blue::-webkit-input-placeholder, input[type=text].blue::-webkit-input-placeholder, input[type=password].blue::-webkit-input-placeholder, input[type=email].blue::-webkit-input-placeholder, input[type=search].blue::-webkit-input-placeholder, input[type=tel].blue::-webkit-input-placeholder, textarea.blue::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #60aef7; } input[type=input].blue::-moz-placeholder, input[type=text].blue::-moz-placeholder, input[type=password].blue::-moz-placeholder, input[type=email].blue::-moz-placeholder, input[type=search].blue::-moz-placeholder, input[type=tel].blue::-moz-placeholder, textarea.blue::-moz-placeholder { /* Firefox 19+ */ color: #60aef7; opacity: 1; } input[type=input].blue:-ms-input-placeholder, input[type=text].blue:-ms-input-placeholder, input[type=password].blue:-ms-input-placeholder, input[type=email].blue:-ms-input-placeholder, input[type=search].blue:-ms-input-placeholder, input[type=tel].blue:-ms-input-placeholder, textarea.blue:-ms-input-placeholder { /* IE 10+ */ color: #60aef7 !important; } input[type=input].blue:-moz-placeholder, input[type=text].blue:-moz-placeholder, input[type=password].blue:-moz-placeholder, input[type=email].blue:-moz-placeholder, input[type=search].blue:-moz-placeholder, input[type=tel].blue:-moz-placeholder, textarea.blue:-moz-placeholder { /* Firefox 18- */ color: #60aef7; opacity: 1; } input[type=input].green::-webkit-input-placeholder, input[type=text].green::-webkit-input-placeholder, input[type=password].green::-webkit-input-placeholder, input[type=email].green::-webkit-input-placeholder, input[type=search].green::-webkit-input-placeholder, input[type=tel].green::-webkit-input-placeholder, textarea.green::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #69c765; } input[type=input].green::-moz-placeholder, input[type=text].green::-moz-placeholder, input[type=password].green::-moz-placeholder, input[type=email].green::-moz-placeholder, input[type=search].green::-moz-placeholder, input[type=tel].green::-moz-placeholder, textarea.green::-moz-placeholder { /* Firefox 19+ */ color: #69c765; opacity: 1; } input[type=input].green:-ms-input-placeholder, input[type=text].green:-ms-input-placeholder, input[type=password].green:-ms-input-placeholder, input[type=email].green:-ms-input-placeholder, input[type=search].green:-ms-input-placeholder, input[type=tel].green:-ms-input-placeholder, textarea.green:-ms-input-placeholder { /* IE 10+ */ color: #69c765; } input[type=input].green:-moz-placeholder, input[type=text].green:-moz-placeholder, input[type=password].green:-moz-placeholder, input[type=email].green:-moz-placeholder, input[type=search].green:-moz-placeholder, input[type=tel].green:-moz-placeholder, textarea.green:-moz-placeholder { /* Firefox 18- */ color: #69c765; opacity: 1; } input[type=input].red::-webkit-input-placeholder, input[type=text].red::-webkit-input-placeholder, input[type=password].red::-webkit-input-placeholder, input[type=email].red::-webkit-input-placeholder, input[type=search].red::-webkit-input-placeholder, input[type=tel].red::-webkit-input-placeholder, textarea.red::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ff8585; } input[type=input].red::-moz-placeholder, input[type=text].red::-moz-placeholder, input[type=password].red::-moz-placeholder, input[type=email].red::-moz-placeholder, input[type=search].red::-moz-placeholder, input[type=tel].red::-moz-placeholder, textarea.red::-moz-placeholder { /* Firefox 19+ */ color: #ff8585; opacity: 1; } input[type=input].red:-ms-input-placeholder, input[type=text].red:-ms-input-placeholder, input[type=password].red:-ms-input-placeholder, input[type=email].red:-ms-input-placeholder, input[type=search].red:-ms-input-placeholder, input[type=tel].red:-ms-input-placeholder, textarea.red:-ms-input-placeholder { /* IE 10+ */ color: #ff8585 !important; } input[type=input].red:-moz-placeholder, input[type=text].red:-moz-placeholder, input[type=password].red:-moz-placeholder, input[type=email].red:-moz-placeholder, input[type=search].red:-moz-placeholder, input[type=tel].red:-moz-placeholder, textarea.red:-moz-placeholder { /* Firefox 18- */ color: #ff8585; opacity: 1; } textarea { resize: none; } /*# sourceMappingURL=reset.css.map */ @font-face { font-family: "bubble"; src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?-eiqxi1); src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?#iefix-eiqxi1) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994746211x616051028715446500/bubble.ttf?-eiqxi1) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994775004x325740637257695170/bubble.woff?-eiqxi1) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994761081x117351920343935490/bubble.svg?-eiqxi1#bubble) format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { font-family: "bubble"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-big-arrow:before { content: "\e603"; } .icon-filter:before { content: "\e608"; } .icon-account:before { content: "\e621"; } .icon-analytics:before { content: "\e622"; } .icon-element:before { content: "\e623"; } .icon-email:before { content: "\e624"; } .icon-navigation:before { content: "\e625"; } .icon-payment:before { content: "\e626"; } .icon-data:before { content: "\e627"; } .icon-design:before { content: "\e628"; } .icon-plugins:before { content: "\e629"; } .icon-settings:before { content: "\e62a"; } .icon-workflow:before { content: "\e62b"; } .icon-checkbox:before { content: "\e62c"; } .icon-dropdown:before { content: "\e62d"; } .icon-file-uploader:before { content: "\e62e"; } .icon-input:before { content: "\e62f"; } .icon-multi-line:before { content: "\e630"; } .icon-picture-uploader:before { content: "\e631"; } .icon-rich-text:before { content: "\e632"; } .icon-slider:before { content: "\e633"; } .icon-time:before { content: "\e634"; } .icon-new:before { content: "\e635"; } .icon-alert:before { content: "\e636"; } .icon-button:before { content: "\e637"; } .icon-calendar:before { content: "\e638"; } .icon-charts:before { content: "\e639"; } .icon-html:before { content: "\e63a"; } .icon-icon:before { content: "\e63b"; } .icon-image:before { content: "\e63c"; } .icon-link:before { content: "\e63d"; } .icon-map:before { content: "\e63e"; } .icon-shape:before { content: "\e63f"; } .icon-slideshow:before { content: "\e640"; } .icon-text:before { content: "\e641"; } .icon-video:before { content: "\e642"; } .icon-check-1:before { content: "\e643"; } .icon-check-2:before { content: "\e644"; } .icon-upload:before { content: "\e645"; } .icon-arrow-down:before { content: "\e646"; } .icon-arrow-dropdown:before { content: "\e647"; } .icon-edit:before { content: "\e648"; } .icon-trash:before { content: "\e649"; } .icon-puzzle-2:before { content: "\e64a"; } .icon-close:before { content: "\e64b"; } .icon-box:before { content: "\e64c"; } .icon-tools:before { content: "\e64d"; } .icon-visible:before { content: "\e64e"; } .icon-apps:before { content: "\e64f"; } .icon-logout:before { content: "\e650"; } .icon-user:before { content: "\e651"; } .icon-laptop:before { content: "\e600"; } .icon-puzzle-1:before { content: "\e601"; } .icon-add:before { content: "\e602"; } .icon-arrow-right:before { content: "\e604"; } .icon-bold:before { content: "\e605"; } .icon-border:before { content: "\e606"; } .icon-center-align:before { content: "\e607"; } .icon-clone:before { content: "\e609"; } .icon-copy:before { content: "\e60a"; } .icon-cut:before { content: "\e60b"; } .icon-float-group:before { content: "\e60c"; } .icon-grid:before { content: "\e60d"; } .icon-group:before { content: "\e60e"; } .icon-group-focus:before { content: "\e60f"; } .icon-issues:before { content: "\e610"; } .icon-italic:before { content: "\e611"; } .icon-learn:before { content: "\e612"; } .icon-left-align:before { content: "\e613"; } .icon-manual:before { content: "\e614"; } .icon-page:before { content: "\e615"; } .icon-paste:before { content: "\e616"; } .icon-popup:before { content: "\e617"; } .icon-question:before { content: "\e618"; } .icon-redo:before { content: "\e619"; } .icon-repeat-group:before { content: "\e61a"; } .icon-right-align:before { content: "\e61b"; } .icon-ruler:before { content: "\e61c"; } .icon-selection:before { content: "\e61d"; } .icon-star:before { content: "\e61e"; } .icon-underline:before { content: "\e61f"; } .icon-undo:before { content: "\e620"; } @font-face { font-family: "r-bubble"; src: url(data:font/opentype;charset=utf-8;base64,3BcAADQXAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAoplvLgAAAAAAAAAAAAAAAAAAAAAAABAAcgAtAGIAdQBiAGIAbABlAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAHIALQBiAHUAYgBiAGwAZQAAAAAAAAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI2V0MTAAABjAAAAFZjbWFwIU/wZQAAAlgAAALqZ2x5Zpu32B4AAAWAAAANbGhlYWQbWEWMAAAA4AAAADZoaGVhAgEBHQAAALwAAAAkaG10eBwA//4AAAHkAAAAdGxvY2EuGDFqAAAFRAAAADxtYXhwAS0ATgAAARgAAAAgbmFtZYCsLPcAABLsAAACFnBvc3QatF9LAAAVBAAAAi0AAQAAAQAAAAAAAQD//v//AQEAAQAAAAAAAAAAAAAAAAAAAB0AAQAAAAEAAC5vmaJfDzz1AAsBAAAAAADdnQNIAAAAAN2dA0j//v/+AQEBAQAAAAgAAgAAAAAAAAABAAAAHQBCAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEA9wGQAAUAAACiALMAAAAjAKIAswAAAHoADABCAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoC6h0BAAAAABcBAQACAAAAAQAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAP/+AAAABQAAAAMAAAAsAAAABAAAAYoAAQAAAAAAhAADAAEAAAAsAAMACgAAAYoABABYAAAABAAEAAEAAOod//8AAOoC//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAEgATABQAFQAWABcAGAAZABoAGwAcAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAFgAAAAAAAAABwAAOoCAADqAgAAAAEAAOoDAADqAwAAAAIAAOoEAADqBAAAAAMAAOoFAADqBQAAAAQAAOoGAADqBgAAAAUAAOoHAADqBwAAAAYAAOoIAADqCAAAAAcAAOoJAADqCQAAAAgAAOoKAADqCgAAAAkAAOoLAADqCwAAAAoAAOoMAADqDAAAAAsAAOoNAADqDQAAAAwAAOoOAADqDgAAAA0AAOoPAADqDwAAAA4AAOoQAADqEAAAAA8AAOoRAADqEQAAABAAAOoSAADqEgAAABEAAOoTAADqEwAAABIAAOoUAADqFAAAABMAAOoVAADqFQAAABQAAOoWAADqFgAAABUAAOoXAADqFwAAABYAAOoYAADqGAAAABcAAOoZAADqGQAAABgAAOoaAADqGgAAABkAAOobAADqGwAAABoAAOocAADqHAAAABsAAOodAADqHQAAABwAAAAAAAAAOAB2ALYA9gEuAWgBoAHiAiQCbALEAvQDJgNWA4YDuAPqBBoETASKBM4FGAVoBaYF6gYuBnIGtgADAAAAAADVANUABAAcACIAADcVMzUjFw4BBwYXFjsBFR4BMjY3NTMyPgEuAS8BHwEjNzYyK6qqUgEsAQIFAxISAQMGAwESEgUCAyoCAw4NNg0OAc4HDiQBNAIGAwFDBgMDBkMCBgUzAQEjDw8QAAAAAwAAAAAA1QDVAAYAHwAmAAA3FSMVMzUjBwYUHwEHBhQWHwEWPgEvAS4CBg8BJyYiFxYGLgE2M8ecqg6MAhoZDQ4EBR0hBgQBBQEDBQUKDTAFBVQCASgBJQGHTg6qGgIEGhoODgQEAQMDAQQFOQgEAQQJDi8ERBQBAwEmAAMAAAAAANUA1QAGACAAKAAANxUzNSM1IxcGDwEnJiMiDgEeAT8BMjYmLwE3PgE0JiIPARYjBwYmNjIrqpwOdxcCAxkDAgYDBAEECDoFBQQKDRkRCAQEBTQSARUTAQMCgFUOnC4XAgIYAhI4BAIBBQUHCw4ZEgkFBAQ/EwIBASgAAgAAAAAAxwDHABgAKQAANyIGDwIeAxczPgM3NTQnJi8BIyIXHgEUDgEHIy4CND4BNzMWTQQKAgMBAQIJCAxODAgJAgEBAwkFMzNkBAICBghSCAYCAgYIUgjGCAQFXAwICQIBAQIJBwwoMAQKBQQQAgdcBwMBAQMHXAcDAQEAAAADAAAAAADVANUABAAdACMAADcVMzUjBw4BHQEjDgEUFhczFRQeATI+ASYvAS4BBxcWFA8BNccODlMCAkMGAwQGQgIEBDYCAgYpBgQCIAoKFoBVqiQCCA4SAQMHAgESEgQDLQQFBSMFAQEoCAIIEjYAAwAAAAAA3QDVAAQAHQAkAAA3FTM1IxcGDwEOAR4BMj4BPQEzPgE0JicjNTQuASIHFScmNj8BKw4OWQMZEgYCAjYEBAJCBgQDBkMCBQIGEBABDxCAVaolAxQQBQUELQMEEhIBAgcDARIOCAM/Dg0NAg0NAAADAAAAAADVANwAFwAdACIAADcGBxUjIg4BHgI2PwE+AS4BKwE1LgEiFwYiLwEzBxUzNSN7AQESEgUCAysDBQYRFgECBRISAQMGGhYCFgQ2cKqq2gEGQwIGBTMCAgYUGwQFAkMGA2AaGgVPBw4AAAAAAwAAAAAA1QDVAAYAIAApAAA3FTMVMzUjFwYiBhQfAQcGFBYyPwEXFhceATY1NzY0JiIXBg8BJyY0PwErnA6qUx4DAwIZLgUEBQUvBQQJCAYFAwMDDQEBAQETEw8azgecqjUDBQQDGi4GBAQELgQECQcDBQUeGQwEFwkMDRMSAQICAAAAAwAAAAAA1QDVAAYAIQApAAA3FTM1MzUjFw4BFRceAjY/ARcWMjY0LwE3PgEmLwEiBgcXHgEGIyc0MysOnKo1AQEGAQMFBgkNMAUEBRoZDQ0BBAQ6CAMCIhIDJQEEAYBVnA41AQMDOggDAQQJDi8EBQQaGg0NBgQBBgEBDwEBJiUFAAAABQAAAAAA4ADgAAwAHAAsADAANAAANzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTOAAwUFBgUFLQcJCQcgBwkJB6AHCQkHIAcJCQdgICCAICDgBQOwAwUFA7ADBUAJByAHCQkHIAcJCQcgBwkJByAHCRAgICAABgAAAAAA8ADgAAwAGQApADkAPQBBAAA3MhYdARQGIiY9ATQ2MzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTMYAwUFBgUF0wMFBQYFBX0HCQkHIAcJCQdwBwkJByAHCQkHMCAgUCAg4AUDsAMFBQOwAwUFA7ADBQUDsAMFQAkHIAcJCQcgBwkJByAHCQkHIAcJECAgIAADAAAAAADgANAACwAbAB8AADcyFhQGKwEiJjQ2MzcyFh0BFAYrASImPQE0NjMXIxUz2AMFBQOwAwUFA2gHCQkHIAcJCQcgICBABQYFBQYFkAkHYAcJCQdgBwkQYAAAAAAEAAAAAADgALAADwATABoAIQAANzIWHQEUBisBIiY9ATQ2MxcjFTM3Fwc1IzUzJxUzFSMVJ5AHCQkHIAcJCQcgICAwICAQEIAQECCwCQdABwkJB0AHCRBAOBgYEBAQEBAQGAAAAwAAAAAA0ADgAAwAHAAgAAA3MhYdARQGIiY9ATQ2BzIWHQEUBisBIiY9ATQ2MxcjFTPIAwUFBgUFJQcJCQdgBwkJB2BgYOAFA7ADBQUDsAMFQAkHIAcJCQcgBwkQIAAAAwAAAAAA4ADQAA8AEwAfAAA3MhYdARQGKwEiJj0BNDYzFyMVMzcyFhQGKwEiJjQ2M5AHCQkHIAcJCQcgICBIAwUFA7ADBQUDsAkHYAcJCQdgBwkQYJAFBgUFBgUAAAAABAAAAAAAoADgAAYAFgAaACEAADcVMwcnMzU3MhYdARQGKwEiJj0BNDYzFyMVMycXIxUjNSOIEBgYEBgHCQkHIAcJCQcgICAQGBAQEFAUHBwUUAkHIAcJCQcgBwkQIHAcFBQAAAIAAAAAAOAAwAADACMAADcjFTsBFAYrASImPQEjIiY0NjsBNTQ2OwEyFh0BMzIWFAYrAZAgIBAJByAHCTgDBQUDOAkHIAcJOAMFBQM4sGAHCQkHKAUGBSgHCQkHKAUGBQAAAAADAAAAAADQAOAADAAcACAAADcyFh0BFAYiJj0BNDYXMhYdARQGKwEiJj0BNDYzFyMVMzgDBQUGBQWLBwkJB2AHCQkHYGBg4AUDsAMFBQOwAwVACQcgBwkJByAHCRAgAAACAAAAAADAAOAAHwAjAAA3NDYyFh0BMzIWHQEUBisBFRQGIiY9ASMiJj0BNDY7ARcjFTN4BQYFKAcJCQcoBQYFKAcJCQcoOGBg2AMFBQM4CQcgBwk4AwUFAzgJByAHCRAgAAAABQAAAAAAoACcAAgAEQAaACMAJwAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjN2gDAwcHAwMTBgwHBg0GEgMHAwMHAxMHDAYGDAcLIgYiiQcIHQcHCgoKEwoKIgcHBw4HBwcJCgoTCQoiPT0AAAYAAAAAANYArQAIABEAGgAjACcAKgAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjNx8BN0YDAwcHAwMTBgwHBgwHEQQHAwMHBBQHDAYGDAcLIgYiNRoZmgcHHAcHCgoKEwoKIgcHBw4HBwcJCgoTCQkhPT0SGhoAAAADAAAAAADcAN0AFwAcADMAADciBgcVFB4BOwMyPgE9ATQuASMnIgcXFSM1MwcOAR0BIw4BFBYXMz4BNCYnIzU0LgEiKgIDAQECBBh6GAQCAQEDDEpWA6WcnFICASwEAwQHXgcEAwQsAQQE3AMJXgwHAgIHDFUMBwIBAT8yY3wCAwcJAQMGAwEBAwYDAQkHAwQAAAAAAwAAAAAA0QDdABsAKAA0AAA3Ig4CBxUWFxYXFjI3Njc2NzU0Ji8BLgEjJyIXFhQGIiY0NjM3MxcyBwYUFhczPgE0JicjQAQEBQMBAQEECgV4BQoEAQECAwECBw0yQH8BA4ADAgMRWhEDawIDBkYGAwQFS9wCBAcMhwsDCAIBAQIIAwt/EAkCAgICAREClgIClgMBAXsCBgMBAQMGAwEAAAMAAAAAAKQAjQASAB0AKQAANyImJyMXFSM1MxczPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjYQUHAgEBBwUBAQIHBQkKCgoHBgYNBwclEAgMDAgQEQgNDQhdAwQIE0MHBAMMFwwpBwkBCggJEQkRFxISFxcSEgAEAAAAAADWAJ4AEgAdACkALAAANyImJyMXFSM1MxcxPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjNxc3RwQIAgEBBwYBAwcECQoKCgcGBg0HByUQCAwMCBARCA0NB0EaGW4DBAgTQwcEAwwWDSoICQEKCAkRChIXEhIXFxISKxoaAAAAAwAAAAAAxwDdABYAHgArAAA3Bg8BFRcWHwEzNzY/ATU0JyYnJiMnIhcVIyc0NjsBBwYUHgEyPgE0LgEiBkkIBAICAgUFbwQFAgMBAggCCS41am0BATY3QgIEBAoEBAQDDAPcAgcDnwQEAwICAwQETEwFCQQBAV1NTEwDFwIEBAEBBAQEAQEAAAMAAAAAANwAxgAUAB4ALAAANwYPARUXHgE7ATI2PwE1JyYvASMiFxQdASMnNDU3MwcOARQeATI+AT0BJicmMQcEAgQCCA6ADggCBAIDBANOT5ubAQGaHQICAQQEBAEBAQTFAgYFcQYDAwMDBnEFBAIDEQI1NDQ1AgIrAQUMAwQEAwYHAgEEAAAD//7//gEBAQEADwAeACsAADczBxYzMjY3Mw4BIyImJwc3Mhc3FSM3JiMiBgcjPgE3DgIeAj4CLgJAMxINEg4XBRUFIxcNFwkTQBsSEzMSDRIOFwUVBSMTIjshAiQ9RTohAiQ8cxINEg0VHgoJE4ASEjMTDRIOFh1AASQ8RTsgAiQ8RTohAAAAAAAQAMYAAQAAAAAAAQAIAAAAAQAAAAAAAgAHAAgAAQAAAAAAAwAIAA8AAQAAAAAABAAIABcAAQAAAAAABQALAB8AAQAAAAAABgAIACoAAQAAAAAACgArADIAAQAAAAAACwATAF0AAwABBAkAAQAQAHAAAwABBAkAAgAOAIAAAwABBAkAAwAQAI4AAwABBAkABAAQAJ4AAwABBAkABQAWAK4AAwABBAkABgAQAMQAAwABBAkACgBWANQAAwABBAkACwAmASpyLWJ1YmJsZVJlZ3VsYXJyLWJ1YmJsZXItYnViYmxlVmVyc2lvbiAxLjByLWJ1YmJsZUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHIALQBiAHUAYgBiAGwAZQBSAGUAZwB1AGwAYQByAHIALQBiAHUAYgBiAGwAZQByAC0AYgB1AGIAYgBsAGUAVgBlAHIAcwBpAG8AbgAgADEALgAwAHIALQBiAHUAYgBiAGwAZQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAApub25hbnQtdG9wE25vbmFudC1ib3R0b20tcmlnaHQSbm9uYW50LWJvdHRvbS1sZWZ0DW5vbmFudC1jZW50ZXIMbm9uYW50LXJpZ2h0C25vbmFudC1sZWZ0DW5vbmFudC1ib3R0b20Qbm9uYW50LXRvcC1yaWdodA9ub25hbnQtdG9wLWxlZnQNc3BhY2UtYmV0d2VlbgxzcGFjZS1hcm91bmQVdmVydGljYWwtYm90dG9tLWFsaWduEmhvcml6b250YWwtc3RyZXRjaBZob3Jpem9udGFsLXJpZ2h0LWFsaWduEnZlcnRpY2FsLXRvcC1hbGlnbhB2ZXJ0aWNhbC1zdHJldGNoFXZlcnRpY2FsLWNlbnRlci1hbGlnbhVob3Jpem9udGFsLWxlZnQtYWxpZ24XaG9yaXpvbnRhbC1jZW50ZXItYWxpZ24HcGVyY2VudBBwZXJjZW50LWRyb3Bkb3duEmJyZWFrcG9pbnQtZGVza3RvcBFicmVha3BvaW50LXRhYmxldAJweAtweC1kcm9wZG93bhFicmVha3BvaW50LW1vYmlsZRticmVha3BvaW50LW1vYmlsZS1sYW5kc2NhcGUHdXBncmFkZQAAAAAA); src: url(data:font/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAyoAAsAAAAAFzQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFY2V0MTY21hcAAAAYQAAADHAAAC6iFP8GVnbHlmAAACTAAAB2UAAA1sm7fYHmhlYWQAAAm0AAAAMAAAADYbWEWMaGhlYQAACeQAAAAbAAAAJAIBAR1obXR4AAAKAAAAABEAAAB0HAD//mxvY2EAAAoUAAAAPAAAADwuGDFqbWF4cAAAClAAAAAfAAAAIAEtAE5uYW1lAAAKcAAAASkAAAIWgKws93Bvc3QAAAucAAABCwAAAi0atF9LeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT4zjiBgZWBgWERw2YgqQylqxh4GJwYGJgYWJkZsIKANNcUBodXTK9kGUFccUZGoGIGBjAHAMi+CN0AAHic7dHLDcIwFAXRCTEhQPiFP4QOKIglxbCiVDcB7/pSBpaOJY/sKLKBMVCHe0hQvanQeEWtSq+ZlZ54lD1JPd8+n5hHmmOdyjyKvSm+2DChZRrn5nQsWLJizYaeLTv2HDhy4syFK0McbPiPTlP1/K0G3a2V264NtWR6tTw23X9uTC+aJ4Zaa6hNDbWZoTY3vXTuDLWF6e/y0lBbGWprQ21jqPWG2tZQ2xlqe0PtYKgdDbWToXY21C6G2tVQGwy1mzF8AbeEQroAeJydV01vG9cVffd9zlCcITkkZ0TakugZSZQtmXI4JEexoo/ETfrlOIZTF2iRBCraRdCirYMuGjQtol1atAW8yiIRWi+ajYAC/gnZNO4qSFE0CAoV8E/oL0h63gwpUYISGB2Cb4bD4T3n3nvee4dMMHv8Cy/JLrKYsayZDpPIJ6OjcJOa89QfZcO0v009WqcFSrJRf/Xw8A6tEVciCEhoQUGguLjChe+NPJ8+Nv4iDTju39BC6Btcq5QoqVSqQDrB02yBLVu8xCIa3VgAZiNcoHAbSD2uK9RdjqNQ92iUPjo49P/A2y3Pl2rukpakSChV8q4p9R1OK7RE79zyD9tcttu+LyUJQVI97UiSrr8uv9YgQcunsDtsZZwrss2hktinedpBvsvrlG3TYDmuUAhiyzbjA/+XERctgbQQ1LmulCx5rZojpRoE1KyT4Pt3/YNexPksDzYkJ6XMjN8KXCXlTp0TrTCe4z/Ca5ZdBnqsK3xeROm2yIaDLlCTOJqnBmqf9Phgm7I0fFGWuCDirlO+VXZchBGuStMfSc61c8fRxekjR6pXiq+5a8or12RJySo3rxj8VhSnU7WXbI4l4/yNT3OU+NQIo7TZQL+3CVR6ZKKwUaHhI99/mXN0UurnuJQjIF7WkndKpXD/7uEid3xowHBoQIqrUqlEIVWHO8FojPefMd7iRFuotq00cLYotXXuJsNBj2LT7C6PdmjV978nWgFSG0nJn9PSSkhxXa1SpQrIJdGoovpXhYT6OFILfEfs+J7HPe8kxyMWAdPqWZtm3lqO2FbFqzQEWKTjdUqNJfQWFQJeFUrXQsg6V3U75KEc3Ts8/DcVEkbijQtS2VLstdvqJeOzM3ru5F1tpkWW8UTR/R2KQjR2NMxGEFWhtgESPfAPX54Xgrd6CoVbV9J1tBJCeISjXq+0PzYHh0OhpGj3tJSyJ6VrIPv5VllGbtmrI39+hsOlMYdhMYubUZ53FPZHg1zVaG2sDdjopDtIV30AEGlMJu1iMkmFKeaRlNcdweNALJGk/bsH/hATCreK2aQwyTwPc1ATVYiWlxTQVc7hMV5lrCNr7BobgEc/nKOGjpe3aDAyxYdVKj5u0unPqcE6kOG9jwy1UleN65qOHR4cX+11OvudzmMlHuIZO+yOvzg1VDudDiphj//mfFqoydNsiz17hlH6/9CbLej9szj95hj43vHVtU7n9imWT8JXjOv3CZthF7AyWqYFOrCzM1wi8PjsOO7rJ8E6nV3LSqv7KFZeMYTfs5HlOP5DVmF11oZO2HlRs8hgRUy7EHHS7N6fjoy0qtX9arXz0DW79h6G6u7G7Gw1P2YnOvxkrIHOV/c/h/t7UcWlMVUMe3vnt7faYVM1sjksfEkGU3U7xf8bJ42YLs79omAnNXoABM3CcY2aqemmw/OAuhiwefy2igrMTgNVbUVuNy5ebNye5n/vYqPBxnvAY/YhsrErcNLcPA6cWNKbNJyoLy1SuY+QeYwNS35j6vJhnsYK6K9MLk7WpC/rQ3ROLhtFH37/ZH0ocvgQ8RfyHAajMdsibrNASiYTyQK8Oc2xuNjY2/vsbELHEOP15AE7YA6roRcJ6wKpEab9QRLryEJY2KhhV7blqTtdk2SvC2GMEHVdNtrTgcC1EXVT1rgxE+v4d8aZM6ZUKtVLpdgY4+Pt4pNbire22Hjt+JT9dQr7ypOjL1D2whSBsqlJS0A2TggM2633jLl4Lgf30tZW0G4f9/EIO2iEPqa5YzB2i94U+eaJTTPpxiaCDNPpXXxqT72Suwc5+6tZab1D+VvfFR8cHNzhtCaFNK8ZjGtY7o+E+1rZcG7Kd3Ei2un/8NdcGDd3d/mAjUeeaOsf4HQBDsqu8bHPTTPEDhf2sxFew0FuH8AMBkIX61ca9e1OOKG2C9eEuASb8qYqSTAU2Mm9/u7bJPYFF7Xv18RPuNAvwHWobx9xacrvzAjH2htHzLxddTkOqvF3OX8Xcd7iE5YTfn9hf2QB9v/cZQEwL5FFz6dUN9ZQat66qJtGWWqiBI37gbKpG/gXbhRaUTJae8YsVZ1y2anWHM9zXhXSqd9A1cpR+TLKU3LcmluLgiDCe7x+fMr+NMZeO4X+1FejZ1H2dWlTNNiNjTwX3zzbbv3smELoXXEKCqVgTGF1SjeP0KOQzbNV64EqcAKw1mkGM2C9Juwu+tOEB8AERWtyO2YFo7/pwFtypX4Oq4OuONztDX/8U6JRZu1fCTZElMURfNefccW5kPLmTeWih6++ePOmiPAM+mqHE/1+xBrgsTbhAf3CZIPH2PI2INzuYJhZDTfGvhAEnzKSS9jLfd/BWUhx66X33yd6bw6tzwFI/g2+7A38x8C/jDcUnqnx4WAw5HyVVBnEhEZD0RTxxedffG49FfaNoh6pwVQeZalvV6muyfoR/oZk+AugTQLf7fN5vs17fDcNvMCPVFMlkRe59d0LQf3kVj3evMQXt56/jvGZX+C215wvufX9IEjreCac26XFZ57f7OBbPMPY/wA8Zm02AAAAeJxjYGRgYABivXzvpHh+m68M3CABBoa7c5k9YPT/f///MQIBkMvBwAQSBQAXVwqKeJxjYGRgACIGEPn/3///jIxQLgLIAgBaZQQfAHicY2BgYGCkK/7/DwAJyAIaAAAAAAAAAAA4AHYAtgD2AS4BaAGgAeICJAJsAsQC9AMmA1YDhgO4A+oEGgRMBIoEzgUYBWgFpgXqBi4Gcga2eJxjYGRgYJBlcGJgYwABJiDmAkIGhv9gPgMAElUBfAB4nGWNS07DMBRFb/oDWgkqIcEQjxgUNf0Mu4B23kFnDOLU6UduHDlupc5YAUtgCawCsQIWxG14nRRbts877+YFQBffiHBaEa6r+7RquGL1x3XSnXCD/CjcRAdPwi36nnAbLxgLd3CPV06IGjc0XRTCNdziTbhO/y7cIH8IN/GAT+EW/ZdwGwv8CHfwHPV8X++1tmZuVnub+HN5fhfGlxuXq1E8PKuZyY1PglkqfVTlYTUOIVOZdzs1dXkw1jpVeLc1aYjXIRSTwSATH6duB48+NPY8GhYGc54Va4uEvcvuZb2oXIkNHHIojBBj+C8148mrZILAd8mkxpF3iQP/NqYNyFhnzDjsSNNq4iltuR1NUfW2NCl9jHX1VYEJBtzZRT5mipN+AbI0XAAAAAB4nGWP/VLCMBDEu/hRpUVKEVAR36APlbYndAhJJj2E8emlTYCo+eeyv9nNXqJB5M55/j0rDHCDW9zhHjEe8IghEqQY4QljZJggxxTPmGGOBV7wijcs8Y4VPqKh0kooLlibqb+WmlnvCtusN5z/ZpI+eeRRRYrJpl717sSL0OaS2bXGWccB6O2tERUVJfGBSKVOCav3qp59keWmEvK8hZDNWuUbbZtvrfjEW7bE1WYeoL7EOy/5rqxH2QX56LXDfcvZZsGD3ZKOLgIaumNDttOZn0Vttan1QeWlJbE1uukYtdvTGpMAsSgl8cAcE3O8ZELDTpeNpOU/Ukih6rYShuK9WVtRUxT9AM0ZsfIA) format("woff"), url(data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI2V0MTAAABjAAAAFZjbWFwIU/wZQAAAlgAAALqZ2x5Zpu32B4AAAWAAAANbGhlYWQbWEWMAAAA4AAAADZoaGVhAgEBHQAAALwAAAAkaG10eBwA//4AAAHkAAAAdGxvY2EuGDFqAAAFRAAAADxtYXhwAS0ATgAAARgAAAAgbmFtZYCsLPcAABLsAAACFnBvc3QatF9LAAAVBAAAAi0AAQAAAQAAAAAAAQD//v//AQEAAQAAAAAAAAAAAAAAAAAAAB0AAQAAAAEAAC5vS2JfDzz1AAsBAAAAAADdnQNIAAAAAN2dA0j//v/+AQEBAQAAAAgAAgAAAAAAAAABAAAAHQBCAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEA9wGQAAUAAACiALMAAAAjAKIAswAAAHoADABCAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoC6h0BAAAAABcBAQACAAAAAQAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAP/+AAAABQAAAAMAAAAsAAAABAAAAYoAAQAAAAAAhAADAAEAAAAsAAMACgAAAYoABABYAAAABAAEAAEAAOod//8AAOoC//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAEgATABQAFQAWABcAGAAZABoAGwAcAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAFgAAAAAAAAABwAAOoCAADqAgAAAAEAAOoDAADqAwAAAAIAAOoEAADqBAAAAAMAAOoFAADqBQAAAAQAAOoGAADqBgAAAAUAAOoHAADqBwAAAAYAAOoIAADqCAAAAAcAAOoJAADqCQAAAAgAAOoKAADqCgAAAAkAAOoLAADqCwAAAAoAAOoMAADqDAAAAAsAAOoNAADqDQAAAAwAAOoOAADqDgAAAA0AAOoPAADqDwAAAA4AAOoQAADqEAAAAA8AAOoRAADqEQAAABAAAOoSAADqEgAAABEAAOoTAADqEwAAABIAAOoUAADqFAAAABMAAOoVAADqFQAAABQAAOoWAADqFgAAABUAAOoXAADqFwAAABYAAOoYAADqGAAAABcAAOoZAADqGQAAABgAAOoaAADqGgAAABkAAOobAADqGwAAABoAAOocAADqHAAAABsAAOodAADqHQAAABwAAAAAAAAAOAB2ALYA9gEuAWgBoAHiAiQCbALEAvQDJgNWA4YDuAPqBBoETASKBM4FGAVoBaYF6gYuBnIGtgADAAAAAADVANUABAAcACIAADcVMzUjFw4BBwYXFjsBFR4BMjY3NTMyPgEuAS8BHwEjNzYyK6qqUgEsAQIFAxISAQMGAwESEgUCAyoCAw4NNg0OAc4HDiQBNAIGAwFDBgMDBkMCBgUzAQEjDw8QAAAAAwAAAAAA1QDVAAYAHwAmAAA3FSMVMzUjBwYUHwEHBhQWHwEWPgEvAS4CBg8BJyYiFxYGLgE2M8ecqg6MAhoZDQ4EBR0hBgQBBQEDBQUKDTAFBVQCASgBJQGHTg6qGgIEGhoODgQEAQMDAQQFOQgEAQQJDi8ERBQBAwEmAAMAAAAAANUA1QAGACAAKAAANxUzNSM1IxcGDwEnJiMiDgEeAT8BMjYmLwE3PgE0JiIPARYjBwYmNjIrqpwOdxcCAxkDAgYDBAEECDoFBQQKDRkRCAQEBTQSARUTAQMCgFUOnC4XAgIYAhI4BAIBBQUHCw4ZEgkFBAQ/EwIBASgAAgAAAAAAxwDHABgAKQAANyIGDwIeAxczPgM3NTQnJi8BIyIXHgEUDgEHIy4CND4BNzMWTQQKAgMBAQIJCAxODAgJAgEBAwkFMzNkBAICBghSCAYCAgYIUgjGCAQFXAwICQIBAQIJBwwoMAQKBQQQAgdcBwMBAQMHXAcDAQEAAAADAAAAAADVANUABAAdACMAADcVMzUjBw4BHQEjDgEUFhczFRQeATI+ASYvAS4BBxcWFA8BNccODlMCAkMGAwQGQgIEBDYCAgYpBgQCIAoKFoBVqiQCCA4SAQMHAgESEgQDLQQFBSMFAQEoCAIIEjYAAwAAAAAA3QDVAAQAHQAkAAA3FTM1IxcGDwEOAR4BMj4BPQEzPgE0JicjNTQuASIHFScmNj8BKw4OWQMZEgYCAjYEBAJCBgQDBkMCBQIGEBABDxCAVaolAxQQBQUELQMEEhIBAgcDARIOCAM/Dg0NAg0NAAADAAAAAADVANwAFwAdACIAADcGBxUjIg4BHgI2PwE+AS4BKwE1LgEiFwYiLwEzBxUzNSN7AQESEgUCAysDBQYRFgECBRISAQMGGhYCFgQ2cKqq2gEGQwIGBTMCAgYUGwQFAkMGA2AaGgVPBw4AAAAAAwAAAAAA1QDVAAYAIAApAAA3FTMVMzUjFwYiBhQfAQcGFBYyPwEXFhceATY1NzY0JiIXBg8BJyY0PwErnA6qUx4DAwIZLgUEBQUvBQQJCAYFAwMDDQEBAQETEw8azgecqjUDBQQDGi4GBAQELgQECQcDBQUeGQwEFwkMDRMSAQICAAAAAwAAAAAA1QDVAAYAIQApAAA3FTM1MzUjFw4BFRceAjY/ARcWMjY0LwE3PgEmLwEiBgcXHgEGIyc0MysOnKo1AQEGAQMFBgkNMAUEBRoZDQ0BBAQ6CAMCIhIDJQEEAYBVnA41AQMDOggDAQQJDi8EBQQaGg0NBgQBBgEBDwEBJiUFAAAABQAAAAAA4ADgAAwAHAAsADAANAAANzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTOAAwUFBgUFLQcJCQcgBwkJB6AHCQkHIAcJCQdgICCAICDgBQOwAwUFA7ADBUAJByAHCQkHIAcJCQcgBwkJByAHCRAgICAABgAAAAAA8ADgAAwAGQApADkAPQBBAAA3MhYdARQGIiY9ATQ2MzIWHQEUBiImPQE0NgcyFh0BFAYrASImPQE0NjsBMhYdARQGKwEiJj0BNDYzByMVMzcjFTMYAwUFBgUF0wMFBQYFBX0HCQkHIAcJCQdwBwkJByAHCQkHMCAgUCAg4AUDsAMFBQOwAwUFA7ADBQUDsAMFQAkHIAcJCQcgBwkJByAHCQkHIAcJECAgIAADAAAAAADgANAACwAbAB8AADcyFhQGKwEiJjQ2MzcyFh0BFAYrASImPQE0NjMXIxUz2AMFBQOwAwUFA2gHCQkHIAcJCQcgICBABQYFBQYFkAkHYAcJCQdgBwkQYAAAAAAEAAAAAADgALAADwATABoAIQAANzIWHQEUBisBIiY9ATQ2MxcjFTM3Fwc1IzUzJxUzFSMVJ5AHCQkHIAcJCQcgICAwICAQEIAQECCwCQdABwkJB0AHCRBAOBgYEBAQEBAQGAAAAwAAAAAA0ADgAAwAHAAgAAA3MhYdARQGIiY9ATQ2BzIWHQEUBisBIiY9ATQ2MxcjFTPIAwUFBgUFJQcJCQdgBwkJB2BgYOAFA7ADBQUDsAMFQAkHIAcJCQcgBwkQIAAAAwAAAAAA4ADQAA8AEwAfAAA3MhYdARQGKwEiJj0BNDYzFyMVMzcyFhQGKwEiJjQ2M5AHCQkHIAcJCQcgICBIAwUFA7ADBQUDsAkHYAcJCQdgBwkQYJAFBgUFBgUAAAAABAAAAAAAoADgAAYAFgAaACEAADcVMwcnMzU3MhYdARQGKwEiJj0BNDYzFyMVMycXIxUjNSOIEBgYEBgHCQkHIAcJCQcgICAQGBAQEFAUHBwUUAkHIAcJCQcgBwkQIHAcFBQAAAIAAAAAAOAAwAADACMAADcjFTsBFAYrASImPQEjIiY0NjsBNTQ2OwEyFh0BMzIWFAYrAZAgIBAJByAHCTgDBQUDOAkHIAcJOAMFBQM4sGAHCQkHKAUGBSgHCQkHKAUGBQAAAAADAAAAAADQAOAADAAcACAAADcyFh0BFAYiJj0BNDYXMhYdARQGKwEiJj0BNDYzFyMVMzgDBQUGBQWLBwkJB2AHCQkHYGBg4AUDsAMFBQOwAwVACQcgBwkJByAHCRAgAAACAAAAAADAAOAAHwAjAAA3NDYyFh0BMzIWHQEUBisBFRQGIiY9ASMiJj0BNDY7ARcjFTN4BQYFKAcJCQcoBQYFKAcJCQcoOGBg2AMFBQM4CQcgBwk4AwUFAzgJByAHCRAgAAAABQAAAAAAoACcAAgAEQAaACMAJwAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjN2gDAwcHAwMTBgwHBg0GEgMHAwMHAxMHDAYGDAcLIgYiiQcIHQcHCgoKEwoKIgcHBw4HBwcJCgoTCQoiPT0AAAYAAAAAANYArQAIABEAGgAjACcAKgAANxQWMzI0IyIGFxQGIiY0NjIWFxQWMjY0JiIGFxQGIiY0NjIWJwcjNx8BN0YDAwcHAwMTBgwHBgwHEQQHAwMHBBQHDAYGDAcLIgYiNRoZmgcHHAcHCgoKEwoKIgcHBw4HBwcJCgoTCQkhPT0SGhoAAAADAAAAAADcAN0AFwAcADMAADciBgcVFB4BOwMyPgE9ATQuASMnIgcXFSM1MwcOAR0BIw4BFBYXMz4BNCYnIzU0LgEiKgIDAQECBBh6GAQCAQEDDEpWA6WcnFICASwEAwQHXgcEAwQsAQQE3AMJXgwHAgIHDFUMBwIBAT8yY3wCAwcJAQMGAwEBAwYDAQkHAwQAAAAAAwAAAAAA0QDdABsAKAA0AAA3Ig4CBxUWFxYXFjI3Njc2NzU0Ji8BLgEjJyIXFhQGIiY0NjM3MxcyBwYUFhczPgE0JicjQAQEBQMBAQEECgV4BQoEAQECAwECBw0yQH8BA4ADAgMRWhEDawIDBkYGAwQFS9wCBAcMhwsDCAIBAQIIAwt/EAkCAgICAREClgIClgMBAXsCBgMBAQMGAwEAAAMAAAAAAKQAjQASAB0AKQAANyImJyMXFSM1MxczPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjYQUHAgEBBwUBAQIHBQkKCgoHBgYNBwclEAgMDAgQEQgNDQhdAwQIE0MHBAMMFwwpBwkBCggJEQkRFxISFxcSEgAEAAAAAADWAJ4AEgAdACkALAAANyImJyMXFSM1MxcxPgEzMhYUBiciBh0BFBYyNjQmFyczFzczBxcjJwcjNxc3RwQIAgEBBwYBAwcECQoKCgcGBg0HByUQCAwMCBARCA0NB0EaGW4DBAgTQwcEAwwWDSoICQEKCAkRChIXEhIXFxISKxoaAAAAAwAAAAAAxwDdABYAHgArAAA3Bg8BFRcWHwEzNzY/ATU0JyYnJiMnIhcVIyc0NjsBBwYUHgEyPgE0LgEiBkkIBAICAgUFbwQFAgMBAggCCS41am0BATY3QgIEBAoEBAQDDAPcAgcDnwQEAwICAwQETEwFCQQBAV1NTEwDFwIEBAEBBAQEAQEAAAMAAAAAANwAxgAUAB4ALAAANwYPARUXHgE7ATI2PwE1JyYvASMiFxQdASMnNDU3MwcOARQeATI+AT0BJicmMQcEAgQCCA6ADggCBAIDBANOT5ubAQGaHQICAQQEBAEBAQTFAgYFcQYDAwMDBnEFBAIDEQI1NDQ1AgIrAQUMAwQEAwYHAgEEAAAD//7//gEBAQEADwAeACsAADczBxYzMjY3Mw4BIyImJwc3Mhc3FSM3JiMiBgcjPgE3DgIeAj4CLgJAMxINEg4XBRUFIxcNFwkTQBsSEzMSDRIOFwUVBSMTIjshAiQ9RTohAiQ8cxINEg0VHgoJE4ASEjMTDRIOFh1AASQ8RTsgAiQ8RTohAAAAAAAQAMYAAQAAAAAAAQAIAAAAAQAAAAAAAgAHAAgAAQAAAAAAAwAIAA8AAQAAAAAABAAIABcAAQAAAAAABQALAB8AAQAAAAAABgAIACoAAQAAAAAACgArADIAAQAAAAAACwATAF0AAwABBAkAAQAQAHAAAwABBAkAAgAOAIAAAwABBAkAAwAQAI4AAwABBAkABAAQAJ4AAwABBAkABQAWAK4AAwABBAkABgAQAMQAAwABBAkACgBWANQAAwABBAkACwAmASpyLWJ1YmJsZVJlZ3VsYXJyLWJ1YmJsZXItYnViYmxlVmVyc2lvbiAxLjByLWJ1YmJsZUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHIALQBiAHUAYgBiAGwAZQBSAGUAZwB1AGwAYQByAHIALQBiAHUAYgBiAGwAZQByAC0AYgB1AGIAYgBsAGUAVgBlAHIAcwBpAG8AbgAgADEALgAwAHIALQBiAHUAYgBiAGwAZQBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAApub25hbnQtdG9wE25vbmFudC1ib3R0b20tcmlnaHQSbm9uYW50LWJvdHRvbS1sZWZ0DW5vbmFudC1jZW50ZXIMbm9uYW50LXJpZ2h0C25vbmFudC1sZWZ0DW5vbmFudC1ib3R0b20Qbm9uYW50LXRvcC1yaWdodA9ub25hbnQtdG9wLWxlZnQNc3BhY2UtYmV0d2VlbgxzcGFjZS1hcm91bmQVdmVydGljYWwtYm90dG9tLWFsaWduEmhvcml6b250YWwtc3RyZXRjaBZob3Jpem9udGFsLXJpZ2h0LWFsaWduEnZlcnRpY2FsLXRvcC1hbGlnbhB2ZXJ0aWNhbC1zdHJldGNoFXZlcnRpY2FsLWNlbnRlci1hbGlnbhVob3Jpem9udGFsLWxlZnQtYWxpZ24XaG9yaXpvbnRhbC1jZW50ZXItYWxpZ24HcGVyY2VudBBwZXJjZW50LWRyb3Bkb3duEmJyZWFrcG9pbnQtZGVza3RvcBFicmVha3BvaW50LXRhYmxldAJweAtweC1kcm9wZG93bhFicmVha3BvaW50LW1vYmlsZRticmVha3BvaW50LW1vYmlsZS1sYW5kc2NhcGUHdXBncmFkZQAAAAAA) format("truetype"); font-weight: normal; font-style: normal; } .r-icon { display: inline-block; font: normal normal normal 1em/1 "r-bubble"; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .r-icon-space-between::before { content: "\ea0b"; } .r-icon-space-around::before { content: "\ea0c"; } .r-icon-vert-space-between::before { content: "\ea0b"; } .r-icon-vert-space-around::before { content: "\ea0c"; } .r-icon-vertical-bottom-align::before { content: "\ea0d"; } .r-icon-horizontal-stretch::before { content: "\ea0e"; } .r-icon-horizontal-right-align::before { content: "\ea0f"; } .r-icon-vertical-top-align::before { content: "\ea10"; } .r-icon-vertical-stretch::before { content: "\ea11"; } .r-icon-vertical-center-align::before { content: "\ea12"; } .r-icon-horizontal-left-align::before { content: "\ea13"; } .r-icon-horizontal-center-align::before { content: "\ea14"; } .r-icon-nonant-top::before { content: "\ea02"; } .r-icon-nonant-bottom-right::before { content: "\ea03"; } .r-icon-nonant-bottom-left::before { content: "\ea04"; } .r-icon-nonant-center::before { content: "\ea05"; } .r-icon-nonant-right::before { content: "\ea06"; } .r-icon-nonant-left::before { content: "\ea07"; } .r-icon-nonant-bottom::before { content: "\ea08"; } .r-icon-nonant-top-right::before { content: "\ea09"; } .r-icon-nonant-top-left::before { content: "\ea0a"; } .r-icon-percent::before { content: "\ea15"; } .r-icon-percent-dropdown::before { content: "\ea16"; } .r-icon-breakpoint-desktop::before { content: "\ea17"; } .r-icon-breakpoint-tablet::before { content: "\ea18"; } .r-icon-px::before { content: "\ea19"; } .r-icon-px-dropdown::before { content: "\ea1a"; } .r-icon-breakpoint-mobile::before { content: "\ea1b"; } .r-icon-breakpoint-mobile-landscape::before { content: "\ea1c"; } .r-icon-upgrade::before { content: "\ea1d"; } /* jquery.Jcrop.min.css v0.9.12 (build:20130126) */ .jcrop-holder { direction: ltr; text-align: left; } .jcrop-vline, .jcrop-hline { background: #FFF; font-size: 0; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-vline.right { right: 0; } .jcrop-hline { height: 1px !important; width: 100%; } .jcrop-hline.bottom { bottom: 0; } .jcrop-tracker { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; height: 100%; width: 100%; } .jcrop-handle { background-color: #333; border: 1px #EEE solid; font-size: 1px; height: 7px; width: 7px; } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100%; } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } .jcrop-dragbar.ord-w { margin-left: -4px; } .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #FFF; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; border-color: #FFF; border-radius: 3px; } .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; border-color: #000; border-radius: 3px; } .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #FFF; } .jcrop-holder img, img.jcrop-preview { max-width: none; } /* All typefaces used in Butter, available by class and as mixins. Replaces a few styles in global.scss, but largely represents a new level of component hierarchy */ .h1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h1 { font-size: 22px; font-weight: 400; line-height: 24px; } .theme-butter .h1 { font-size: 20px; font-weight: 400; line-height: 24px; } .h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h2 { font-size: 20px; font-weight: 400; line-height: 24px; } .theme-butter .h2 { font-size: 16px; font-weight: 400; line-height: 24px; } .h3 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h3 { font-size: 16px; font-weight: 400; line-height: 18px; } .theme-butter .h3 { font-size: 16px; font-weight: 300; line-height: 24px; } .h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h4 { font-size: 14px; font-weight: 400; line-height: 18px; } .theme-butter .h4 { font-size: 14px; font-weight: 300; line-height: 18px; } .h5 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h5 { font-size: 12px; font-weight: 400; line-height: 18px; } .theme-butter .h5 { font-size: 12px; font-weight: 300; line-height: 18px; } .subhead1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead1 { font-size: 14px; font-weight: 400; line-height: 14px; } .theme-butter .subhead1 { font-size: 14px; font-weight: 600; line-height: 18px; } .subhead2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead2 { font-size: 12px; font-weight: 400; line-height: 14px; } .theme-butter .subhead2 { font-size: 12px; font-weight: 600; line-height: 18px; } .body1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body1 { font-size: 12px; font-weight: 400; line-height: 12px; } .theme-butter .body1 { font-size: 14px; font-weight: 400; line-height: 24px; } .body2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body2 { font-size: 10px; font-weight: 400; line-height: 10px; } .theme-butter .body2 { font-size: 12px; font-weight: 400; line-height: 24px; } .line-height-18 { line-height: 18px !important; } /* All colors for both themes, concieved as a grid of color x opacity */ /* Note on SASS variables as of 4/15/24 * - $action has not been updated to latest brand color as its descendents need verifcation in components * - $bubble_blue also should be updated to latest brand color * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase */ /* Theme mapper */ /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .highlight-dom-changes { animation-duration: 1s; animation-name: highlight-in; animation-timing-function: ease-out; } @keyframes highlight-in { from { background-color: rgb(200, 0, 0); } } /* MIXINS */ .display-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } /* TAGS */ address { font-style: normal; font-weight: normal; } sub, sup { font-size: 75%; /* sub/sup is relative to the surrounding text */ line-height: 0; /* line-height doesn't interfere with the positioning */ position: relative; /* Makes all browsers position relative to the surrounding text */ vertical-align: baseline; /* if you're using reset.css, you can remove this rule */ } sup { top: -0.5em; /* Move the superscripted text up */ } sub { bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */ } input:focus, textarea:focus { outline: none; } /* GLOBALLY USEFUL CLASSES (formerly tab_common) For the sake of avoiding specific classes and elaborate rules for spacing To live here you must: a) do exactly one thing b) be named something that makes it extremely clear what that one thing is Note: this was originally applied to .data-user-types, .data-editor, .maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete this list when proved not buggy */ .code { font-family: "Courier New", Courier, monospace; font-weight: bold; background-color: antiquewhite; color: maroon; padding: 0px 4px; border-radius: 2px; } .maison-column { display: flex; flex-direction: column; height: 100%; } .flex-row, .maison-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-start { justify-content: flex-start !important; } .center { justify-content: center !important; } .flex-end { justify-content: flex-end !important; } .space-between { justify-content: space-between !important; } .flex-1 { flex: 1; } .pos-rel { position: relative; } .suspension-vertical { display: flex; flex-direction: column !important; justify-content: center; } .horizontal-rule { margin-bottom: 5px; margin-top: 5px; width: 100%; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-12 { padding: 12px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .margin-10 { margin: 10px !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-left-300 { margin-left: 300px !important; } .margin-right-minus20 { margin-right: -20px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-top-minus20 { margin-top: -20px !important; } .margin-top-minus10 { margin-top: -10px !important; } .margin-top-minus16 { margin-top: -16px !important; } .margin-top-minus5 { margin-top: -5px !important; } .margin-top-minus3 { margin-top: -3px !important; } .margin-top-minus2 { margin-top: -2px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .width-5 { width: 5px !important; } .width-10 { width: 10px !important; } .width-15 { width: 15px !important; } .width-20 { width: 20px !important; } .width-25 { width: 20px !important; } .width-30 { width: 30px !important; } .width-35 { width: 35px !important; } .width-40 { width: 40px !important; } .width-45 { width: 45px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-75 { width: 75px !important; } .width-80 { width: 80px !important; } .width-85 { width: 85px !important; } .width-100 { width: 100px !important; } .width-120 { width: 120px !important; } .width-130 { width: 130px !important; } .width-145 { width: 145px !important; } .width-150 { width: 150px !important; } .width-170 { width: 170px !important; } .width-180 { width: 180px !important; } .width-190 { width: 190px !important; } .width-195 { width: 195px !important; } .width-200 { width: 200px !important; } .width-210 { width: 210px !important; } .width-220 { width: 220px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-320 { width: 320px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-500 { width: 500px !important; } .width-540 { width: 540px !important; } .width-600 { width: 600px !important; } .width-640 { width: 640px !important; } .width-700 { width: 700px !important; } .width-fill { width: 100% !important; } .width-fit-content { width: fit-content !important; } .min-width-50 { min-width: 50px !important; } .min-width-60 { min-width: 60px !important; } .min-width-80 { min-width: 80px !important; } .min-width-85 { min-width: 85px !important; } .min-width-100 { min-width: 100px !important; } .min-width-120 { min-width: 120px !important; } .min-width-150 { min-width: 150px !important; } .min-width-180 { min-width: 180px !important; } .min-width-200 { min-width: 200px !important; } .min-width-400 { min-width: 400px !important; } .max-width-50 { max-width: 50px !important; } .max-width-60 { max-width: 60px !important; } .max-width-80 { max-width: 80px !important; } .max-width-85 { max-width: 85px !important; } .max-width-100 { max-width: 100px !important; } .max-width-120 { max-width: 120px !important; } .max-width-150 { max-width: 150px !important; } .max-width-180 { max-width: 180px !important; } .max-width-200 { max-width: 200px !important; } .width-one-tenth { width: 10% !important; } .width-two-tenth { width: 20% !important; } .width-one-quarter { width: 25% !important; } .width-three-tenth { width: 30% !important; } .width-one-third { width: 33.334% !important; } .width-four-tenth { width: 40% !important; } .width-half { width: 50% !important; } .width-six-tenth { width: 60% !important; } .width-two-third { width: 66.667% !important; } .width-seven-tenth { width: 70% !important; } .width-three-quarter { width: 75% !important; } .width-eight-tenth { width: 80% !important; } .width-nine-tenth { width: 90% !important; } .width-eighty-five-percent { width: 85% !important; } .height-5 { height: 5px !important; } .height-10 { height: 10px !important; } .height-15 { height: 15px !important; } .height-20 { height: 20px !important; } .height-25 { height: 20px !important; } .height-30 { height: 30px !important; } .height-35 { height: 35px !important; } .height-40 { height: 40px !important; } .height-45 { height: 45px !important; } .height-50 { height: 50px !important; } .height-55 { height: 55px !important; } .height-60 { height: 60px !important; } .height-85 { height: 85px !important; } .height-100 { height: 100px !important; } .height-120 { height: 120px !important; } .height-125 { height: 125px !important; } .height-150 { height: 150px !important; } .height-190 { height: 190px !important; } .height-195 { height: 195px !important; } .height-200 { height: 200px !important; } .height-210 { height: 210px !important; } .height-220 { height: 220px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-307 { height: 307px !important; } .height-320 { height: 320px !important; } .height-400 { height: 400px !important; } .height-435 { height: 435px !important; } .height-540 { height: 540px !important; } .height-fill { height: 100% !important; } .height-one-tenth { height: 10% !important; } .height-two-tenth { height: 20% !important; } .height-one-quarter { height: 25% !important; } .height-three-tenth { height: 30% !important; } .height-one-third { height: 33.334% !important; } .height-four-tenth { height: 40% !important; } .height-half { height: 50% !important; } .height-six-tenth { height: 60% !important; } .height-two-third { height: 66.667% !important; } .height-seven-tenth { height: 70% !important; } .height-three-quarter { height: 75% !important; } .height-eight-tenth { height: 80% !important; } .height-nine-tenth { height: 90% !important; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .strikethrough { text-decoration: line-through; } .no-select { user-select: none; } .float-right { float: right; } .float-left { float: left; } .margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-inherit { overflow: inherit !important; } .overflow-initial { overflow: initial !important; } .overflow-overlay { overflow: overlay !important; } .overflow-revert { overflow: revert !important; } .overflow-unset { overflow: unset !important; } .overflow-visible { overflow: visible !important; } .word-wrap-break-word { word-wrap: break-word; word-break: break-word; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .align-with-composer-input { margin-top: calc(12px + 5px + 16px - 9px); } .align-items-baseline { align-items: baseline; } .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-stretch { align-items: stretch; } .align-text-left { text-align: left; } .align-text-center { text-align: center; } .align-text-start { text-align: start; } .align-text-end { text-align: end; } .pop-color-variables.danger { --pop-color: var(--b-txt-danger); --pop-color-bg: var(--b-bg-danger1); } .pop-color-variables.caution { --pop-color: var(--b-txt-caution); --pop-color-bg: var(--b-bg-caution1); } .pop-color-variables.success { --pop-color: var(--b-txt-success); --pop-color-bg: var(--b-bg-success1); } .pop-color-variables.brand { --pop-color: var(--b-txt-brand); --pop-color-bg: var(--b-bg-brand1); } /* All typefaces used in Butter, available by class and as mixins. Replaces a few styles in global.scss, but largely represents a new level of component hierarchy */ .h1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h1 { font-size: 22px; font-weight: 400; line-height: 24px; } .theme-butter .h1 { font-size: 20px; font-weight: 400; line-height: 24px; } .h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h2 { font-size: 20px; font-weight: 400; line-height: 24px; } .theme-butter .h2 { font-size: 16px; font-weight: 400; line-height: 24px; } .h3 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h3 { font-size: 16px; font-weight: 400; line-height: 18px; } .theme-butter .h3 { font-size: 16px; font-weight: 300; line-height: 24px; } .h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h4 { font-size: 14px; font-weight: 400; line-height: 18px; } .theme-butter .h4 { font-size: 14px; font-weight: 300; line-height: 18px; } .h5 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h5 { font-size: 12px; font-weight: 400; line-height: 18px; } .theme-butter .h5 { font-size: 12px; font-weight: 300; line-height: 18px; } .subhead1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead1 { font-size: 14px; font-weight: 400; line-height: 14px; } .theme-butter .subhead1 { font-size: 14px; font-weight: 600; line-height: 18px; } .subhead2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead2 { font-size: 12px; font-weight: 400; line-height: 14px; } .theme-butter .subhead2 { font-size: 12px; font-weight: 600; line-height: 18px; } .body1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body1 { font-size: 12px; font-weight: 400; line-height: 12px; } .theme-butter .body1 { font-size: 14px; font-weight: 400; line-height: 24px; } .body2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body2 { font-size: 10px; font-weight: 400; line-height: 10px; } .theme-butter .body2 { font-size: 12px; font-weight: 400; line-height: 24px; } .line-height-18 { line-height: 18px !important; } /* All colors for both themes, concieved as a grid of color x opacity */ /* Note on SASS variables as of 4/15/24 * - $action has not been updated to latest brand color as its descendents need verifcation in components * - $bubble_blue also should be updated to latest brand color * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase */ /* Theme mapper */ /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .highlight-dom-changes { animation-duration: 1s; animation-name: highlight-in; animation-timing-function: ease-out; } @keyframes highlight-in { from { background-color: rgb(200, 0, 0); } } /* MIXINS */ .display-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } /* TAGS */ address { font-style: normal; font-weight: normal; } sub, sup { font-size: 75%; /* sub/sup is relative to the surrounding text */ line-height: 0; /* line-height doesn't interfere with the positioning */ position: relative; /* Makes all browsers position relative to the surrounding text */ vertical-align: baseline; /* if you're using reset.css, you can remove this rule */ } sup { top: -0.5em; /* Move the superscripted text up */ } sub { bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */ } input:focus, textarea:focus { outline: none; } /* GLOBALLY USEFUL CLASSES (formerly tab_common) For the sake of avoiding specific classes and elaborate rules for spacing To live here you must: a) do exactly one thing b) be named something that makes it extremely clear what that one thing is Note: this was originally applied to .data-user-types, .data-editor, .maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete this list when proved not buggy */ .code { font-family: "Courier New", Courier, monospace; font-weight: bold; background-color: antiquewhite; color: maroon; padding: 0px 4px; border-radius: 2px; } .maison-column { display: flex; flex-direction: column; height: 100%; } .flex-row, .maison-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-start { justify-content: flex-start !important; } .center { justify-content: center !important; } .flex-end { justify-content: flex-end !important; } .space-between { justify-content: space-between !important; } .flex-1 { flex: 1; } .pos-rel { position: relative; } .suspension-vertical { display: flex; flex-direction: column !important; justify-content: center; } .horizontal-rule { margin-bottom: 5px; margin-top: 5px; width: 100%; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-12 { padding: 12px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .margin-10 { margin: 10px !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-left-300 { margin-left: 300px !important; } .margin-right-minus20 { margin-right: -20px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-top-minus20 { margin-top: -20px !important; } .margin-top-minus10 { margin-top: -10px !important; } .margin-top-minus16 { margin-top: -16px !important; } .margin-top-minus5 { margin-top: -5px !important; } .margin-top-minus3 { margin-top: -3px !important; } .margin-top-minus2 { margin-top: -2px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .width-5 { width: 5px !important; } .width-10 { width: 10px !important; } .width-15 { width: 15px !important; } .width-20 { width: 20px !important; } .width-25 { width: 20px !important; } .width-30 { width: 30px !important; } .width-35 { width: 35px !important; } .width-40 { width: 40px !important; } .width-45 { width: 45px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-75 { width: 75px !important; } .width-80 { width: 80px !important; } .width-85 { width: 85px !important; } .width-100 { width: 100px !important; } .width-120 { width: 120px !important; } .width-130 { width: 130px !important; } .width-145 { width: 145px !important; } .width-150 { width: 150px !important; } .width-170 { width: 170px !important; } .width-180 { width: 180px !important; } .width-190 { width: 190px !important; } .width-195 { width: 195px !important; } .width-200 { width: 200px !important; } .width-210 { width: 210px !important; } .width-220 { width: 220px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-320 { width: 320px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-500 { width: 500px !important; } .width-540 { width: 540px !important; } .width-600 { width: 600px !important; } .width-640 { width: 640px !important; } .width-700 { width: 700px !important; } .width-fill { width: 100% !important; } .width-fit-content { width: fit-content !important; } .min-width-50 { min-width: 50px !important; } .min-width-60 { min-width: 60px !important; } .min-width-80 { min-width: 80px !important; } .min-width-85 { min-width: 85px !important; } .min-width-100 { min-width: 100px !important; } .min-width-120 { min-width: 120px !important; } .min-width-150 { min-width: 150px !important; } .min-width-180 { min-width: 180px !important; } .min-width-200 { min-width: 200px !important; } .min-width-400 { min-width: 400px !important; } .max-width-50 { max-width: 50px !important; } .max-width-60 { max-width: 60px !important; } .max-width-80 { max-width: 80px !important; } .max-width-85 { max-width: 85px !important; } .max-width-100 { max-width: 100px !important; } .max-width-120 { max-width: 120px !important; } .max-width-150 { max-width: 150px !important; } .max-width-180 { max-width: 180px !important; } .max-width-200 { max-width: 200px !important; } .width-one-tenth { width: 10% !important; } .width-two-tenth { width: 20% !important; } .width-one-quarter { width: 25% !important; } .width-three-tenth { width: 30% !important; } .width-one-third { width: 33.334% !important; } .width-four-tenth { width: 40% !important; } .width-half { width: 50% !important; } .width-six-tenth { width: 60% !important; } .width-two-third { width: 66.667% !important; } .width-seven-tenth { width: 70% !important; } .width-three-quarter { width: 75% !important; } .width-eight-tenth { width: 80% !important; } .width-nine-tenth { width: 90% !important; } .width-eighty-five-percent { width: 85% !important; } .height-5 { height: 5px !important; } .height-10 { height: 10px !important; } .height-15 { height: 15px !important; } .height-20 { height: 20px !important; } .height-25 { height: 20px !important; } .height-30 { height: 30px !important; } .height-35 { height: 35px !important; } .height-40 { height: 40px !important; } .height-45 { height: 45px !important; } .height-50 { height: 50px !important; } .height-55 { height: 55px !important; } .height-60 { height: 60px !important; } .height-85 { height: 85px !important; } .height-100 { height: 100px !important; } .height-120 { height: 120px !important; } .height-125 { height: 125px !important; } .height-150 { height: 150px !important; } .height-190 { height: 190px !important; } .height-195 { height: 195px !important; } .height-200 { height: 200px !important; } .height-210 { height: 210px !important; } .height-220 { height: 220px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-307 { height: 307px !important; } .height-320 { height: 320px !important; } .height-400 { height: 400px !important; } .height-435 { height: 435px !important; } .height-540 { height: 540px !important; } .height-fill { height: 100% !important; } .height-one-tenth { height: 10% !important; } .height-two-tenth { height: 20% !important; } .height-one-quarter { height: 25% !important; } .height-three-tenth { height: 30% !important; } .height-one-third { height: 33.334% !important; } .height-four-tenth { height: 40% !important; } .height-half { height: 50% !important; } .height-six-tenth { height: 60% !important; } .height-two-third { height: 66.667% !important; } .height-seven-tenth { height: 70% !important; } .height-three-quarter { height: 75% !important; } .height-eight-tenth { height: 80% !important; } .height-nine-tenth { height: 90% !important; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .strikethrough { text-decoration: line-through; } .no-select { user-select: none; } .float-right { float: right; } .float-left { float: left; } .margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-inherit { overflow: inherit !important; } .overflow-initial { overflow: initial !important; } .overflow-overlay { overflow: overlay !important; } .overflow-revert { overflow: revert !important; } .overflow-unset { overflow: unset !important; } .overflow-visible { overflow: visible !important; } .word-wrap-break-word { word-wrap: break-word; word-break: break-word; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .align-with-composer-input { margin-top: calc(12px + 5px + 16px - 9px); } .align-items-baseline { align-items: baseline; } .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-stretch { align-items: stretch; } .align-text-left { text-align: left; } .align-text-center { text-align: center; } .align-text-start { text-align: start; } .align-text-end { text-align: end; } .pop-color-variables.danger { --pop-color: var(--b-txt-danger); --pop-color-bg: var(--b-bg-danger1); } .pop-color-variables.caution { --pop-color: var(--b-txt-caution); --pop-color-bg: var(--b-bg-caution1); } .pop-color-variables.success { --pop-color: var(--b-txt-success); --pop-color-bg: var(--b-bg-success1); } .pop-color-variables.brand { --pop-color: var(--b-txt-brand); --pop-color-bg: var(--b-bg-brand1); } /* like mandatory but whiter */ .viewport { overflow: hidden; overflow-y: auto; position: relative; } .property-editor-2 .close-button, .property-editor-2 .help-button, .property-editor-2 .comment-btn, .property-editor-2 .inspect-button, .slidable-palette .close-button, .slidable-palette .help-button, .slidable-palette .comment-btn, .slidable-palette .inspect-button, .responsive-palette .close-button, .responsive-palette .help-button, .responsive-palette .comment-btn, .responsive-palette .inspect-button, .r-row-controls .close-button, .r-row-controls .help-button, .r-row-controls .comment-btn, .r-row-controls .inspect-button, .margin-explanation-palette .close-button, .margin-explanation-palette .help-button, .margin-explanation-palette .comment-btn, .margin-explanation-palette .inspect-button { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; float: right; cursor: pointer; text-align: center; height: 37px; width: 25px; padding-top: 10px; } .property-editor-2 .close-button:before, .property-editor-2 .help-button:before, .property-editor-2 .comment-btn:before, .property-editor-2 .inspect-button:before, .slidable-palette .close-button:before, .slidable-palette .help-button:before, .slidable-palette .comment-btn:before, .slidable-palette .inspect-button:before, .responsive-palette .close-button:before, .responsive-palette .help-button:before, .responsive-palette .comment-btn:before, .responsive-palette .inspect-button:before, .r-row-controls .close-button:before, .r-row-controls .help-button:before, .r-row-controls .comment-btn:before, .r-row-controls .inspect-button:before, .margin-explanation-palette .close-button:before, .margin-explanation-palette .help-button:before, .margin-explanation-palette .comment-btn:before, .margin-explanation-palette .inspect-button:before { font-family: FontAwesome; color: #8a9599; font-size: 18px; } .property-editor-2 .close-button:hover:before, .property-editor-2 .help-button:hover:before, .property-editor-2 .comment-btn:hover:before, .property-editor-2 .inspect-button:hover:before, .slidable-palette .close-button:hover:before, .slidable-palette .help-button:hover:before, .slidable-palette .comment-btn:hover:before, .slidable-palette .inspect-button:hover:before, .responsive-palette .close-button:hover:before, .responsive-palette .help-button:hover:before, .responsive-palette .comment-btn:hover:before, .responsive-palette .inspect-button:hover:before, .r-row-controls .close-button:hover:before, .r-row-controls .help-button:hover:before, .r-row-controls .comment-btn:hover:before, .r-row-controls .inspect-button:hover:before, .margin-explanation-palette .close-button:hover:before, .margin-explanation-palette .help-button:hover:before, .margin-explanation-palette .comment-btn:hover:before, .margin-explanation-palette .inspect-button:hover:before { color: #acb5b8; } .property-editor-2 .close-button:before, .slidable-palette .close-button:before, .responsive-palette .close-button:before, .r-row-controls .close-button:before, .margin-explanation-palette .close-button:before { content: "\f00d"; } .property-editor-2 .help-button:before, .slidable-palette .help-button:before, .responsive-palette .help-button:before, .r-row-controls .help-button:before, .margin-explanation-palette .help-button:before { content: "\f144"; } .property-editor-2 .inspect-button:before, .slidable-palette .inspect-button:before, .responsive-palette .inspect-button:before, .r-row-controls .inspect-button:before, .margin-explanation-palette .inspect-button:before { content: "\f05a"; } .property-editor-2, .slidable-palette { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; -webkit-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5); -moz-box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5); box-shadow: 0px 2px 4px rgba(123, 123, 123, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 340px; background-color: #5f6568; cursor: move; position: fixed; top: 100px; height: auto !important; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: white; z-index: 5000000; } .property-editor-2 .overview, .slidable-palette .overview { position: initial; } .property-editor-2 .viewport, .slidable-palette .viewport { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #5f6568; } .property-editor-2 .viewport, .property-editor-2 .element-inspector-zone, .slidable-palette .viewport, .slidable-palette .element-inspector-zone { /* Handle */ } .property-editor-2 .viewport::-webkit-scrollbar, .property-editor-2 .element-inspector-zone::-webkit-scrollbar, .slidable-palette .viewport::-webkit-scrollbar, .slidable-palette .element-inspector-zone::-webkit-scrollbar { width: 7px; cursor: default; } .property-editor-2 .viewport::-webkit-scrollbar-thumb, .property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb, .slidable-palette .viewport::-webkit-scrollbar-thumb, .slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb { background-color: #525759; } .property-editor-2 .viewport::-webkit-scrollbar-thumb:hover, .property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb:hover, .slidable-palette .viewport::-webkit-scrollbar-thumb:hover, .slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb:hover { background-color: #424242; cursor: pointer; } .property-editor-2 .viewport::-webkit-scrollbar-thumb:active, .property-editor-2 .element-inspector-zone::-webkit-scrollbar-thumb:active, .slidable-palette .viewport::-webkit-scrollbar-thumb:active, .slidable-palette .element-inspector-zone::-webkit-scrollbar-thumb:active { background-color: #3c3c3c; cursor: pointer; } .property-editor-2 *, .slidable-palette * { box-sizing: border-box; -moz-box-sizing: border-box; } .property-editor-2 .title, .slidable-palette .title { padding: 2px 0 0 0; overflow: hidden; height: 39px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; background-color: #283032; border-top-left-radius: 5px; border-top-right-radius: 5px; } .property-editor-2 .title .static-title, .property-editor-2 .title .name-input, .slidable-palette .title .static-title, .slidable-palette .title .name-input { text-align: left; float: left; font-size: 14px; color: #ffffff; width: 220px; } .property-editor-2 .title .title-wrapper, .slidable-palette .title .title-wrapper { float: left; } .property-editor-2 .title .static-title, .slidable-palette .title .static-title { margin-top: 5px; padding-top: 4px; height: 30px; padding-left: 12px; cursor: pointer; white-space: nowrap; overflow: hidden; } .property-editor-2 .title .static-title:hover, .slidable-palette .title .static-title:hover { text-decoration: underline; } .property-editor-2 .title .static-title.disabled, .slidable-palette .title .static-title.disabled { text-decoration: none; cursor: default; } .property-editor-2 .title .name-input, .slidable-palette .title .name-input { height: 35px; margin-left: 8px; background-color: transparent; border: none; } .property-editor-2 .tabs, .slidable-palette .tabs { display: flex; overflow: hidden; background-color: #3a3f41; height: 41px; padding: 7px 12px 0px 12px; } .property-editor-2 .tabs .tab, .slidable-palette .tabs .tab { flex-grow: 1; border-top-left-radius: 5px; border-top-right-radius: 5px; } .property-editor-2 .tabs .tab, .slidable-palette .tabs .tab { width: 104px; padding: 8px 0 8px 0; font-size: 13px; color: rgba(255, 255, 255, 0.72); float: left; text-align: center; cursor: pointer; } .property-editor-2 .tabs .tab.opened, .slidable-palette .tabs .tab.opened { cursor: move; background-color: #5f6568; color: white; } .property-editor-2 .tabs .tab.opened:hover, .slidable-palette .tabs .tab.opened:hover { background-color: #5f6568; } .property-editor-2 .tabs .tab:hover, .slidable-palette .tabs .tab:hover { color: white; } .property-editor-2 .section, .slidable-palette .section { padding: 15px 20px 15px 20px; overflow: hidden; width: 340px; border-top: 1px solid #595f62; -moz-box-sizing: border-box; box-sizing: border-box; } .property-editor-2 .section.style-prop, .slidable-palette .section.style-prop { border-top: none; padding-top: 0px; } .property-editor-2 .section:last-child, .slidable-palette .section:last-child { border-bottom: none !important; padding-bottom: 10px !important; } .property-editor-2 .section:first-child, .property-editor-2 .section.first-visible, .slidable-palette .section:first-child, .slidable-palette .section.first-visible { border-top: none; } .property-editor-2 .section-title, .slidable-palette .section-title { margin-right: 5px; padding-top: 8px; float: left; clear: both; color: #ffffff; } .property-editor-2 .section-title.platform-title, .slidable-palette .section-title.platform-title { display: flex; flex-direction: row; align-items: center; gap: 4px; } .property-editor-2 .section-title.platform-title .platform-icon, .slidable-palette .section-title.platform-title .platform-icon { line-height: 0; } .property-editor-2 .row, .slidable-palette .row { padding: 10px 0px 0px 0px; float: left; } .property-editor-2 .row.deprecated:before, .slidable-palette .row.deprecated:before { font-family: "FontAwesome"; content: "\f071"; position: absolute; margin-left: -15px; margin-top: 5px; font-size: 10px; color: #ffffff; } .property-editor-2 .row:first-child, .slidable-palette .row:first-child { padding-top: 0px; border-top: none !important; } .property-editor-2 .row .caption, .slidable-palette .row .caption { width: 125px; color: #ffffff; margin-right: 6px; padding-top: 6px; float: left; clear: both; height: 24px; overflow: hidden; word-break: break-all; } .property-editor-2 .row .caption.param, .slidable-palette .row .caption.param { padding-top: 0px; } .property-editor-2 .row .caption.param.LongText, .slidable-palette .row .caption.param.LongText { width: 125px; } .property-editor-2 .row .caption .subcaption, .slidable-palette .row .caption .subcaption { color: rgba(255, 255, 255, 0.7); position: absolute; line-height: 12px; width: 125px; } .property-editor-2 .row .caption.Checkbox, .property-editor-2 .row .caption.LongText, .slidable-palette .row .caption.Checkbox, .slidable-palette .row .caption.LongText { width: 275px; } .property-editor-2 .row .caption.StaticNumber, .slidable-palette .row .caption.StaticNumber { width: 243px; } .property-editor-2 .row .caption.StaticMultiLineText, .property-editor-2 .row .caption.LongText, .slidable-palette .row .caption.StaticMultiLineText, .slidable-palette .row .caption.LongText { width: 293px; } .property-editor-2 .row .body, .slidable-palette .row .body { float: right; } .property-editor-2 .row .body .editor.disabled, .slidable-palette .row .body .editor.disabled { opacity: 0.7; padding-top: 6px; } .property-editor-2 .row.hidden, .slidable-palette .row.hidden { display: none; } .property-editor-2 .row.tiny, .slidable-palette .row.tiny { padding-top: 0; } .property-editor-2 .row.disabled .caption.Checkbox, .property-editor-2 .row.disabled .editor.checkbox, .slidable-palette .row.disabled .caption.Checkbox, .slidable-palette .row.disabled .editor.checkbox { opacity: 0.4; pointer-events: none; } .rows[node_type=FakeMultiElement] .mandatory { border-color: transparent !important; } .rows[node_type=FakeMultiElement] .row[prop_name=width] { margin-left: 0px !important; } .property-editor-2.light-design { -webkit-box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5); -moz-box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5); box-shadow: 0px 0px 0px rgba(123, 123, 123, 0.5); cursor: default; border: 1px solid rgb(245, 245, 245); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 348px; color: rgb(0, 0, 0) !important; } .property-editor-2.light-design .viewport { background-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; /* Handle */ } .property-editor-2.light-design .viewport::-webkit-scrollbar-thumb { background-color: #e4e4e4; } .property-editor-2.light-design .viewport::-webkit-scrollbar-thumb:hover { background-color: #e4e4e4; } .property-editor-2.light-design .viewport::-webkit-scrollbar-thumb:active { background-color: #e4e4e4; } .property-editor-2.light-design, .property-editor-2.light-design .tabs .tab.opened { background-color: rgb(249, 249, 249) !important; cursor: default; } .property-editor-2.light-design * { color: rgb(0, 0, 0) !important; font-size: 12px !important; } .property-editor-2.light-design .section { border-top: 1px solid rgb(245, 245, 245); width: 348px; } .property-editor-2.light-design .add-new-state, .property-editor-2.light-design .add-new-transition { border-top: 1px solid rgb(245, 245, 245); } .property-editor-2.light-design .tabs { background-color: white; } .property-editor-2.light-design .row[prop_name=opacity] .body:after { color: black !important; } .property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button { height: 28px; } .property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button:hover, .property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button.selected:before { background-color: white; color: #0205d3; } .property-editor-2.light-design .row[prop_name=font_alignment] .composer-dropdown-button .button:before { height: 28px; } .property-editor-2.light-design .component-checkbox.checked:before { color: #0205d3 !important; margin-top: 0px !important; } .property-editor-2.light-design .composer-dropdown-button { border: 1px solid #dedede !important; } .property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox, .property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox, .property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox { border: none !important; border-bottom: 1px solid #dedede !important; border-top: 1px solid #dedede !important; } .property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked:before, .property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked:before, .property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked:before { margin-top: 0px; } .property-editor-2.light-design .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox { border-radius: 0px !important; border-radius: 0px !important; } .property-editor-2.light-design .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox { border-left: 1px solid #dedede !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .property-editor-2.light-design .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox { border-right: 1px solid #dedede !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .property-editor-2.light-design .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] { padding-top: 0px; } .property-editor-2.light-design .composer-color { padding-left: 2px !important; } .property-editor-2.light-design .composer-color.selected { background: white; border: 1px solid #0205d3 !important; } .property-editor-2.light-design .composer-color .color-input { color: #899ea5 !important; } .property-editor-2.light-design .composer-color input { background-color: white; } .property-editor-2.light-design .composer-color input.token-chosen { color: #0205d3 !important; } .property-editor-2.light-design .composer-color .color-swatch { border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker { background-color: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input { background: white !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input .a-color-picker-preview { border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input .a-color-picker-preview .a-color-picker-clipbaord { cursor: pointer !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input:focus-within { border: 1px solid #0205d3 !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input input[nameref=RGBHEX] { background: white !important; } .property-editor-2.light-design .composer-color .a-color-picker .hex-input input[nameref=RGBHEX].token-chosen { color: #0205d3; } .property-editor-2.light-design .composer-color .a-color-picker .alpha { background: white !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker .alpha:focus { border: 1px solid #0205d3 !important; } .property-editor-2.light-design .composer-color .a-color-picker .alpha::placeholder { color: #899ea5 !important; } .property-editor-2.light-design .composer-color .a-color-picker .palette-title .palette-title-link { color: #899ea5 !important; } .property-editor-2.light-design .composer-color .a-color-picker .a-color-picker-palette-color { border: 1px solid rgba(0, 0, 0, 0.12) !important; } .property-editor-2.light-design .composer-color .a-color-picker .a-color-picker-palette-color.token-chosen { border: 1px solid #0205d3 !important; } .property-editor-2.light-design .composer-dropdown .spot, .property-editor-2.light-design .composer-checkbox .component-checkbox, .property-editor-2.light-design .composer-dropdown-button .button, .property-editor-2.light-design .composer-color, .property-editor-2.light-design .condition .composer, .property-editor-2.light-design .composer-image, .property-editor-2.light-design input.NumberBox { background-color: white !important; color: #899ea5 !important; font-size: 12px !important; } .property-editor-2.light-design .composer .spot, .property-editor-2.light-design .composer .dynamic, .property-editor-2.light-design .composer { color: #0205d3 !important; } .property-editor-2.light-design .composer .spot .not-finished, .property-editor-2.light-design .composer .spot .not-finished .dynamic, .property-editor-2.light-design .composer .dynamic .not-finished, .property-editor-2.light-design .composer .dynamic .not-finished .dynamic, .property-editor-2.light-design .composer .not-finished, .property-editor-2.light-design .composer .not-finished .dynamic { color: #f91d56 !important; } .property-editor-2.light-design .standard-btn, .property-editor-2.light-design .add-new-state-button, .property-editor-2.light-design .new-entry { background-color: white !important; box-shadow: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dedede !important; } .property-editor-2.light-design .new-entry { margin-left: 35px !important; } .property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container { border-bottom: 1px solid rgb(245, 245, 245); } .property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .remove-entry:hover:before, .property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .move-up:hover:before, .property-editor-2.light-design .row[prop_name=stripes] .remover-entry-container .move-down:hover:before { color: rgb(0, 0, 0) !important; } .property-editor-2.light-design .add-new-state-button, .property-editor-2.light-design .new-entry { width: 243px; font-size: 14px !important; box-shadow: none; } .property-editor-2.light-design .add-new-state-button:before, .property-editor-2.light-design .new-entry:before { color: #899ea5 !important; } .property-editor-2.light-design .rows .state .move-up, .property-editor-2.light-design .rows .state .move-down { margin-right: 15px; } .property-editor-2.light-design .rows .state .move-up.disabled, .property-editor-2.light-design .rows .state .move-down.disabled { color: #bbc7cc !important; cursor: default; } .property-editor-2.light-design .rows .state .move-up.disabled:hover, .property-editor-2.light-design .rows .state .move-down.disabled:hover { color: #bbc7cc !important; } .row[prop_name=link_color] .caption, .row[prop_name=font_color] .caption, .rows[node_type=PoweredByBubble] .row[prop_name=text_color] .caption, .section[section_name=AddToAnyContent] .row[prop_name=icons_color] .caption, .section[section_name=InputContent] .row[prop_name=border_color] .caption, .section[section_name=InputContent] .row[prop_name=background_color] .caption, .section[section_name=InputContent] .row[prop_name=handle_color] .caption, .section[section_name=InputContent] .row[prop_name=range_area_color] .caption { width: 96px; } .row[prop_name=link_color] .composer-color, .row[prop_name=font_color] .composer-color, .rows[node_type=PoweredByBubble] .row[prop_name=text_color] .composer-color, .section[section_name=AddToAnyContent] .row[prop_name=icons_color] .composer-color, .section[section_name=InputContent] .row[prop_name=border_color] .composer-color, .section[section_name=InputContent] .row[prop_name=background_color] .composer-color, .section[section_name=InputContent] .row[prop_name=handle_color] .composer-color, .section[section_name=InputContent] .row[prop_name=range_area_color] .composer-color { width: 198px; } .section[section_name=Background] .row[prop_name=background_color_if_empty_image] .caption { width: 152px; } .section[section_name=Background] .row[prop_name=background_color_if_empty_image] .composer-color { width: 142px; } .standard-btn { cursor: pointer; width: 55px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #696e70; border: 1px solid #707679; color: white; text-align: center; -webkit-box-shadow: 1px 1px 3px #585d60; -moz-box-shadow: 1px 1px 3px #585d60; box-shadow: 1px 1px 3px #585d60; padding-top: 7px; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; } .standard-btn:hover { background-color: #6f7577; } .standard-btn.disabled, .standard-btn.disabled:hover, .standard-btn.disabled:active { cursor: default; opacity: 0.3; pointer-events: none; } .standard-btn.disabled:hover, .standard-btn.disabled:hover:hover, .standard-btn.disabled:active:hover { background-color: #696e70; } .editor.button .standard-btn.property-editor-button.tiny { background-color: transparent; border: none; box-shadow: none; font-size: 12px; color: rgba(255, 255, 255, 0.72); float: right; width: auto; padding-top: 0px; height: 9px; } .editor.button .standard-btn.property-editor-button.tiny:hover { color: white; } .info-section { padding: 20px; } .standard-btn.property-editor-button.upgrade-button { width: 100%; margin-top: 20px; } .row[prop_name=element_style] .caption { width: 80px; margin-bottom: 8px; } .row[prop_name=edit_style] { width: 52px; } .row[prop_name=delete_style] { float: right; width: 100px; } .row[prop_name=reset_overrides] { float: right; width: 100px; } .row[prop_name=tag_type] .caption { width: 213px; } .slidable-palette { cursor: move; } .slidable-palette .title .static-title { cursor: move; } .slidable-palette .title .static-title:hover { text-decoration: none; } .slidable-palette .buttons-wrapper { border-top: 1px solid #4f4f4f; } .slidable-palette .btn.btn-validate { width: 100px; margin-top: 10px; margin-left: 109px; margin-bottom: 10px; float: left; } .slidable-palette .btn { cursor: pointer; width: 55px; border-radius: 0px; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #525759; color: white; text-align: center; padding-top: 8px; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; } .slidable-palette .btn:hover { background-color: #424242; } .slidable-palette .btn:active { background-color: #3c3c3c; } .slidable-palette .btn.disabled, .slidable-palette .btn.disabled:hover { background-color: #3f3f3f; cursor: default; color: #595f62; } .slidable-palette .btn-delete { float: left; margin-top: 18px; margin-left: 37px; color: rgba(255, 255, 255, 0.7); cursor: pointer; } .slidable-palette .btn-delete:hover, .slidable-palette .btn-delete:active { color: white; } .slidable-palette .dynamic-image-editor, .slidable-palette .dynamic-file-editor { display: flex; flex-direction: column; } .composer .dynamic { color: #67b3ff; } .composer .dynamic:hover { color: #cce5ff; } .composer .not-finished .dynamic { color: #f91d56; } .composer .not-finished .dynamic:hover { color: #ff7575; } .composer .spot { color: #fab515; } .composer.DWD-alert { border: 1px solid #ffc122 !important; } .spot { box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; display: inline; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .spot.no-editor.empty { display: inline-block; border-radius: 4px; border: 1px dashed #595f62; } .spot.no-editor.empty.mandatory:not(.DWD-alert), .spot.no-editor.empty.not-finished:not(.DWD-alert) { border: 1px solid #f91d56; } .spot.no-editor.empty.mandatory:not(.DWD-alert):hover, .spot.no-editor.empty.mandatory:not(.DWD-alert):first-child:hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):first-child:hover { border: 1px solid #f91d56; } .spot.no-editor.empty.mandatory:not(.DWD-alert):hover, .spot.no-editor.empty.mandatory:not(.DWD-alert):first-child, .spot.no-editor.empty.not-finished:not(.DWD-alert):hover, .spot.no-editor.empty.not-finished:not(.DWD-alert):first-child { border: 1px solid #f91d56; } .spot.no-editor.empty:hover, .spot.no-editor.empty:first-child:hover, .spot.no-editor.empty.selected { background-color: transparent; } .spot.no-editor.selected { background-color: #5d9bda; color: white; } .spot.DWD-alert { border: 1px solid #ffc122 !important; } .keyboard-input { width: 150px; } .composer-dropdown .spot, .composer-dropdown .spot.empty, .composer-color, .text-composer, .property-editor-2 input, .page-title input, .slidable-palette textarea, .responsive-palette input, .editor.staticnumber input, .editor.statictext input, .editor.staticdate input, .composer-image, .composer-file, .property-editor-2 textarea, .editor.basic .composer, .condition .composer, .composer-palette .dropdown-option input, .dynamic-composer-color .composer { font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #525759; border-radius: 1px; border: none; padding: 7px 0px 6px 7px; box-sizing: border-box; -moz-box-sizing: border-box; color: white; font-size: 12px; overflow-wrap: anywhere; } .composer-dropdown .spot:hover, .composer-dropdown .spot:focus, .composer-dropdown .spot.empty:hover, .composer-dropdown .spot.empty:focus, .composer-color:hover, .composer-color:focus, .text-composer:hover, .text-composer:focus, .property-editor-2 input:hover, .property-editor-2 input:focus, .page-title input:hover, .page-title input:focus, .slidable-palette textarea:hover, .slidable-palette textarea:focus, .responsive-palette input:hover, .responsive-palette input:focus, .editor.staticnumber input:hover, .editor.staticnumber input:focus, .editor.statictext input:hover, .editor.statictext input:focus, .editor.staticdate input:hover, .editor.staticdate input:focus, .composer-image:hover, .composer-image:focus, .composer-file:hover, .composer-file:focus, .property-editor-2 textarea:hover, .property-editor-2 textarea:focus, .editor.basic .composer:hover, .editor.basic .composer:focus, .condition .composer:hover, .condition .composer:focus, .composer-palette .dropdown-option input:hover, .composer-palette .dropdown-option input:focus, .dynamic-composer-color .composer:hover, .dynamic-composer-color .composer:focus { background-color: #424242; color: white; outline: none; } .composer-dropdown .spot.inherited, .composer-dropdown .spot.empty.inherited, .composer-color.inherited, .text-composer.inherited, .property-editor-2 input.inherited, .page-title input.inherited, .slidable-palette textarea.inherited, .responsive-palette input.inherited, .editor.staticnumber input.inherited, .editor.statictext input.inherited, .editor.staticdate input.inherited, .composer-image.inherited, .composer-file.inherited, .property-editor-2 textarea.inherited, .editor.basic .composer.inherited, .condition .composer.inherited, .composer-palette .dropdown-option input.inherited, .dynamic-composer-color .composer.inherited { background-color: rgba(82, 87, 89, 0.24); } .composer-dropdown .spot.inherited:hover, .composer-dropdown .spot.inherited:focus, .composer-dropdown .spot.empty.inherited:hover, .composer-dropdown .spot.empty.inherited:focus, .composer-color.inherited:hover, .composer-color.inherited:focus, .text-composer.inherited:hover, .text-composer.inherited:focus, .property-editor-2 input.inherited:hover, .property-editor-2 input.inherited:focus, .page-title input.inherited:hover, .page-title input.inherited:focus, .slidable-palette textarea.inherited:hover, .slidable-palette textarea.inherited:focus, .responsive-palette input.inherited:hover, .responsive-palette input.inherited:focus, .editor.staticnumber input.inherited:hover, .editor.staticnumber input.inherited:focus, .editor.statictext input.inherited:hover, .editor.statictext input.inherited:focus, .editor.staticdate input.inherited:hover, .editor.staticdate input.inherited:focus, .composer-image.inherited:hover, .composer-image.inherited:focus, .composer-file.inherited:hover, .composer-file.inherited:focus, .property-editor-2 textarea.inherited:hover, .property-editor-2 textarea.inherited:focus, .editor.basic .composer.inherited:hover, .editor.basic .composer.inherited:focus, .condition .composer.inherited:hover, .condition .composer.inherited:focus, .composer-palette .dropdown-option input.inherited:hover, .composer-palette .dropdown-option input.inherited:focus, .dynamic-composer-color .composer.inherited:hover, .dynamic-composer-color .composer.inherited:focus { background-color: #424242; } .composer-dropdown .spot .placeholder, .composer-dropdown .spot.empty .placeholder, .composer-color .placeholder, .text-composer .placeholder, .property-editor-2 input .placeholder, .page-title input .placeholder, .slidable-palette textarea .placeholder, .responsive-palette input .placeholder, .editor.staticnumber input .placeholder, .editor.statictext input .placeholder, .editor.staticdate input .placeholder, .composer-image .placeholder, .composer-file .placeholder, .property-editor-2 textarea .placeholder, .editor.basic .composer .placeholder, .condition .composer .placeholder, .composer-palette .dropdown-option input .placeholder, .dynamic-composer-color .composer .placeholder { color: #b6b6b6; font-weight: 400; line-height: 18px; letter-spacing: 0em; } .bubble-ui { overflow-wrap: initial; } .composer-palette .dropdown-option input { padding: 0px 0px 0px 0px; } .composer-palette .dropdown-option.currently-selected-option { color: rgb(241, 241, 0); } input { height: 30px; } input::-webkit-input-placeholder { text-shadow: none; } input::-moz-placeholder { text-shadow: none; } /* we want to hide optional entries where there are no choices */ .composer .spot.optional.no-choices { display: none; } .composer-dropdown { height: 30px; } .composer-dropdown .spot.disabled { opacity: 0.5; cursor: default; } .composer-dropdown .spot, .composer-dropdown .spot.empty { padding: 6px 0px 6px 7px; margin: 0; display: inline-block; width: 165px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #525759; border: 1px solid transparent; } .composer-dropdown .spot:before, .composer-dropdown .spot.no-editor.empty:before, .composer-dropdown .spot.empty:before, .composer-dropdown .spot.empty.no-editor.empty:before { content: "\f0d7"; font-family: "FontAwesome"; color: #90979a; float: right; width: 18px; text-align: left; font-size: 14px; } .composer-dropdown .spot:hover, .composer-dropdown .spot.selected, .composer-dropdown .spot:first-child:hover, .composer-dropdown .spot.optional.selected, .composer-dropdown .spot.mandatory.selected, .composer-dropdown .spot.empty:hover, .composer-dropdown .spot.empty.selected, .composer-dropdown .spot.empty:first-child:hover, .composer-dropdown .spot.empty.optional.selected, .composer-dropdown .spot.empty.mandatory.selected { background-color: #424242; color: white; border: 1px solid transparent; } .composer-dropdown .spot:hover:before, .composer-dropdown .spot.selected:before, .composer-dropdown .spot:first-child:hover:before, .composer-dropdown .spot.optional.selected:before, .composer-dropdown .spot.mandatory.selected:before, .composer-dropdown .spot.empty:hover:before, .composer-dropdown .spot.empty.selected:before, .composer-dropdown .spot.empty:first-child:hover:before, .composer-dropdown .spot.empty.optional.selected:before, .composer-dropdown .spot.empty.mandatory.selected:before { color: #ffffff; } .composer-dropdown .spot:hover input, .composer-dropdown .spot.selected input, .composer-dropdown .spot:first-child:hover input, .composer-dropdown .spot.optional.selected input, .composer-dropdown .spot.mandatory.selected input, .composer-dropdown .spot.empty:hover input, .composer-dropdown .spot.empty.selected input, .composer-dropdown .spot.empty:first-child:hover input, .composer-dropdown .spot.empty.optional.selected input, .composer-dropdown .spot.empty.mandatory.selected input { background-color: transparent; } .composer-dropdown .spot:hover.empty.mandatory, .composer-dropdown .spot.selected.empty.mandatory, .composer-dropdown .spot:first-child:hover.empty.mandatory, .composer-dropdown .spot.optional.selected.empty.mandatory, .composer-dropdown .spot.mandatory.selected.empty.mandatory, .composer-dropdown .spot.empty:hover.empty.mandatory, .composer-dropdown .spot.empty.selected.empty.mandatory, .composer-dropdown .spot.empty:first-child:hover.empty.mandatory, .composer-dropdown .spot.empty.optional.selected.empty.mandatory, .composer-dropdown .spot.empty.mandatory.selected.empty.mandatory { border: 1px solid #f91d56; } .composer-dropdown .spot.empty:before, .composer-dropdown .spot.empty.empty:before { margin-left: 0; } .composer-dropdown.DWD-alert { border: 1px solid #ffc122 !important; } .composer-dropdown input.composer-input.number-input, .composer-dropdown input.composer-input.text-input { border: none; padding-left: 0px; margin-top: 0px; color: white; } .composer-dropdown input.composer-input.number-input:focus, .composer-dropdown input.composer-input.text-input:focus { background-color: transparent; } .composer-dropdown .spot.composer-dropdown-medium { width: 80px; } .composer-dropdown .spot.composer-dropdown-medium-large { width: 103px; } .composer-dropdown .spot.composer-dropdown-medium-medium-large { width: 127px; } .composer-dropdown .spot.composer-dropdown-medium-large-large { width: 138px; } .composer-dropdown .spot.composer-dropdown-long { width: 168px; } .composer-dropdown .spot.composer-dropdown-long input { width: 108px; } .composer-dropdown .spot.composer-dropdown-extra_large { width: 197px; } .composer-dropdown .spot.composer-dropdown-mid_extra_large { width: 254px; } .composer-dropdown .spot.composer-dropdown-extra_extra_large { width: 298px; } .composer-dropdown .spot.composer-dropdown-extra_extra_large input { width: 150px; } .composer-dropdown .spot.composer-dropdown-extra_extra_extra_large { width: 340px; } .composer-dropdown .spot.composer-dropdown-extra_extra_extra_extra_large { width: 400px; } .composer-dropdown .spot.composer-dropdown-short { width: 85px; text-align: center; padding-left: 0; } .composer-dropdown .spot.composer-dropdown-short input.composer-input { width: 25px; min-width: 25px; text-align: center; } .composer-dropdown .spot.composer-dropdown-extra_short { width: 48px; text-align: center; padding-left: 0; } .composer-dropdown .spot.composer-dropdown-extra_short input.composer-input { width: 25px; min-width: 25px; text-align: center; } .slidable-palette input, .slidable-palette textarea, .property-editor-2 input, .page-title input { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; cursor: text; color: rgb(216, 216, 216); } .slidable-palette input:focus, .slidable-palette textarea:focus, .property-editor-2 input:focus, .page-title input:focus { background-color: #424242; outline: none; color: white; } .slidable-palette input, .property-editor-2 input { height: 30px; } .page-title input { height: 19px; width: 80px; } .editor.statictext input, .editor.staticdate input { margin-left: 0px; width: 167px; } .editor.statictext input.mandatory.empty, .editor.staticnumber input.mandatory.empty, .editor.staticdate input.mandatory.empty { border: 1px solid #f91d56; } input.TextBox.mandatory.empty { border: 1px solid #f91d56; } .section[section_name=CustomEvent] .row[prop_name=name] .caption { width: 125px; } .section[section_name=CustomEvent] .row[prop_name=name] .editor.statictext input, .section[section_name=CustomEvent] .row[prop_name=name] .editor.staticdate input { width: 168px; } .editor.staticnumber input { width: 50px; text-align: center; padding-left: 0; float: right; } .editor.staticnumber input.disabled { opacity: 0.4; pointer-events: none; } .editor.basic .composer .spot.empty.no-editor, .editor.basic .arrowless-composer-dropdown .spot.empty.no-editor, .condition .composer .spot.empty.no-editor, .condition .arrowless-composer-dropdown .spot.empty.no-editor, .editor.geographicsearch .composer .spot.empty.no-editor, .editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor, .editor.dropdown .composer .spot.empty.no-editor, .editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor, .dynamic-composer-color .composer .spot.empty.no-editor, .dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor { text-align: center; color: #9c9c9c !important; padding: 0 2px 0 2px; } .editor.basic .composer .spot.empty.no-editor:hover, .editor.basic .composer .spot.empty.no-editor.selected, .editor.basic .arrowless-composer-dropdown .spot.empty.no-editor:hover, .editor.basic .arrowless-composer-dropdown .spot.empty.no-editor.selected, .condition .composer .spot.empty.no-editor:hover, .condition .composer .spot.empty.no-editor.selected, .condition .arrowless-composer-dropdown .spot.empty.no-editor:hover, .condition .arrowless-composer-dropdown .spot.empty.no-editor.selected, .editor.geographicsearch .composer .spot.empty.no-editor:hover, .editor.geographicsearch .composer .spot.empty.no-editor.selected, .editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor:hover, .editor.geographicsearch .arrowless-composer-dropdown .spot.empty.no-editor.selected, .editor.dropdown .composer .spot.empty.no-editor:hover, .editor.dropdown .composer .spot.empty.no-editor.selected, .editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor:hover, .editor.dropdown .arrowless-composer-dropdown .spot.empty.no-editor.selected, .dynamic-composer-color .composer .spot.empty.no-editor:hover, .dynamic-composer-color .composer .spot.empty.no-editor.selected, .dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor:hover, .dynamic-composer-color .arrowless-composer-dropdown .spot.empty.no-editor.selected { color: white; } .editor.basic .composer, .condition .composer, .dynamic-composer-color .composer { float: left; padding: 6px 4px 0px 8px; min-height: 30px; width: 168px; cursor: pointer; height: auto; } .editor.basic .composer .spot.empty.no-editor, .condition .composer .spot.empty.no-editor, .dynamic-composer-color .composer .spot.empty.no-editor { line-height: 16px; width: 35px; } .editor.basic .composer .spot.empty.no-editor.optional, .condition .composer .spot.empty.no-editor.optional, .dynamic-composer-color .composer .spot.empty.no-editor.optional { width: 55px; } .editor.basic .composer .spot.empty.no-editor:first-child, .editor.basic .composer .spot.empty.no-editor.optional:first-child, .condition .composer .spot.empty.no-editor:first-child, .condition .composer .spot.empty.no-editor.optional:first-child, .dynamic-composer-color .composer .spot.empty.no-editor:first-child, .dynamic-composer-color .composer .spot.empty.no-editor.optional:first-child { width: 45px; display: block; } .editor.basic .composer .spot .composer-input, .condition .composer .spot .composer-input, .dynamic-composer-color .composer .spot .composer-input { margin-top: 0px; padding-left: 4px; } .editor.basic .composer .spot.optional.empty.hidden, .condition .composer .spot.optional.empty.hidden, .dynamic-composer-color .composer .spot.optional.empty.hidden { display: none; } .editor.basic .spot .address-input, .editor.geographicsearch .spot .address-input, .condition .spot .address-input { width: 135px !important; } .row[prop_name=condition] { margin-left: -20px; padding-left: 20px; margin-right: -20px; border-top: 1px solid #595f62; margin-top: 10px; width: 340px; padding-right: 20px; } .row[prop_name=condition] .caption { width: 65px; margin-right: 0; } .row[prop_name=condition] .composer { width: 234px; } .no-conditionals-text { padding: 15px 20px 15px 20px; } .rows .state { color: #ffffff; } .rows .state.section { padding-top: 5px; padding-bottom: 0; } .rows .state.section.from-style { padding-top: 15px; padding-bottom: 15px; } .rows .state .condition-caption { float: left; margin-top: 6px; width: 40px; clear: both; } .rows .state .condition-from-style { background-color: #505659; border-radius: 1px; float: left; height: auto; min-height: 30px; padding: 6px 4px 0px 4px; width: 259px; } .rows .state .style-description { margin-top: 13px; float: left; } .rows .state .condition { float: left; overflow: hidden; margin-bottom: 7px; } .rows .state .condition .composer { width: 259px; } .rows .state .property-rules .row { margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 10px; clear: both; float: left; width: 300px; overflow: visible; } .rows .state .property-rules .row .prop-row-contents { float: left; width: 280px; } .rows .state .property-rules .row .body { float: right; margin-top: 0 !important; margin-left: 0 !important; } .rows .state .property-rules .row .body .long-text-composer, .rows .state .property-rules .row .body .MultilineTextBox { width: 277px; } .rows .state .property-rules .row .caption { width: 70px; white-space: nowrap; overflow: visible; } .rows .state .remove-state, .rows .state .move-up, .rows .state .move-down, .rows .state .state_toggle { margin-bottom: 2px; color: #9ba1a5; } .rows .state .remove-state.toggleable, .rows .state .move-up.toggleable, .rows .state .move-down.toggleable, .rows .state .state_toggle.toggleable { cursor: pointer; } .rows .state .remove-state.toggleable:hover, .rows .state .move-up.toggleable:hover, .rows .state .move-down.toggleable:hover, .rows .state .state_toggle.toggleable:hover { color: white; } .rows .state .remove-state, .rows .state .move-up, .rows .state .move-down { float: right; } .rows .state .state_toggle { float: left; } .rows .state .move-up, .rows .state .move-down { margin-right: 15px; } .rows .state .move-up.disabled, .rows .state .move-down.disabled { color: rgba(255, 255, 255, 0.2509803922); cursor: default; } .rows .state .move-up.disabled:hover, .rows .state .move-down.disabled:hover { color: rgba(255, 255, 255, 0.2509803922); } .rows .state .add-new-property-rule { clear: both; float: left; margin-top: 15px; margin-left: -20px; width: 318px; height: 40px; } .rows .state .add-new-property-rule .composer-dropdown { margin-left: 20px; } .delete-state-property-container, .delete-transition-container { float: right; } .delete-state-property-container .delete-state-property, .delete-state-property-container .delete-transition, .delete-transition-container .delete-state-property, .delete-transition-container .delete-transition { float: right; cursor: pointer; margin-top: 5px; } .delete-state-property-container .delete-state-property:before, .delete-state-property-container .delete-transition:before, .delete-transition-container .delete-state-property:before, .delete-transition-container .delete-transition:before { content: "\f014"; font-family: "FontAwesome"; color: #878d91; font-size: 16px; } .delete-state-property-container .delete-state-property:hover:before, .delete-state-property-container .delete-transition:hover:before, .delete-transition-container .delete-state-property:hover:before, .delete-transition-container .delete-transition:hover:before { color: #9ba1a5; } .rows .transition { color: #ffffff; } .rows .transition .transition-property, .rows .transition .transition-duration, .rows .transition .composer-dropdown { float: left; } .rows .transition .transition-fn { float: right; } .rows .transition .transition-property { clear: both; margin-bottom: 5px; } .rows .transition .transition-from-style { clear: both; } .rows .transition .delete-transition { margin-top: 0px; } .rows .transition .transition-duration { clear: both; } .rows .transition .duration-caption { float: left; margin-top: 7px; margin-right: 20px; } .add-new-state .add-new-state-button, .add-new-state .new-entry, .add-new-state .show-more-less-button, .new-entry-container .add-new-state-button, .new-entry-container .new-entry, .new-entry-container .show-more-less-button, .show-more-less .add-new-state-button, .show-more-less .new-entry, .show-more-less .show-more-less-button { cursor: pointer; border-radius: 2px; font-size: 13px; font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #696e70; border: 1px solid #707679; color: white; text-align: center; -webkit-box-shadow: 1px 1px 3px #585d60; -moz-box-shadow: 1px 1px 3px #585d60; box-shadow: 1px 1px 3px #585d60; padding-top: 3px; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; width: 243px; } .add-new-state .add-new-state-button:hover, .add-new-state .new-entry:hover, .add-new-state .show-more-less-button:hover, .new-entry-container .add-new-state-button:hover, .new-entry-container .new-entry:hover, .new-entry-container .show-more-less-button:hover, .show-more-less .add-new-state-button:hover, .show-more-less .new-entry:hover, .show-more-less .show-more-less-button:hover { background-color: #6f7577; } .add-new-state .add-new-state-button.show-less:before, .add-new-state .new-entry.show-less:before, .add-new-state .show-more-less-button.show-less:before, .new-entry-container .add-new-state-button.show-less:before, .new-entry-container .new-entry.show-less:before, .new-entry-container .show-more-less-button.show-less:before, .show-more-less .add-new-state-button.show-less:before, .show-more-less .new-entry.show-less:before, .show-more-less .show-more-less-button.show-less:before { content: "-"; } .add-new-state .add-new-state-button:before, .add-new-state .new-entry:before, .add-new-state .show-more-less-button:before, .new-entry-container .add-new-state-button:before, .new-entry-container .new-entry:before, .new-entry-container .show-more-less-button:before, .show-more-less .add-new-state-button:before, .show-more-less .new-entry:before, .show-more-less .show-more-less-button:before { content: "+"; height: 27px; margin-right: 5px; color: rgb(216, 216, 216); display: inline-block; font-size: 28px; font-weight: 600; vertical-align: middle; padding-top: 4px; } .add-new-state, .show-more-less { display: flex; justify-content: center; padding: 16px 20px; border-top: 1px solid #595f62; } .add-new-transition { padding: 15px 20px 15px 20px; border-top: 1px solid #595f62; } .editor.checkboxlist { width: 300px; } .editor.checkboxlist .checkbox-row { padding: 10px 0px 0px 0px; float: left; width: 100%; } .editor.objectlist .entry, .editor.staticlist .entry { float: left; margin-bottom: 10px; } .editor.flyoutobjectlist .list-title { width: 100%; } .editor.flyoutobjectlist .entry.display-only { display: flex; padding: 4px 0px 4px 0px; } .editor.flyoutobjectlist .entry.display-only:not(.has-context) { justify-content: space-between; } .editor.flyoutobjectlist .entry.display-only .icon-container { display: flex; flex-direction: column; justify-content: start; align-items: center; width: 16px; height: min-content; font-size: 14px; margin-right: 8px; padding-top: 8px; } .editor.flyoutobjectlist .entry.display-only .title-container { display: flex; flex-direction: column; width: 125px; } .editor.flyoutobjectlist .entry.display-only .title-container .subtitle { color: rgba(255, 255, 255, 0.6); overflow-wrap: break-word; } .editor.flyoutobjectlist .entry.display-only:not(.has-context) .title-container { width: 100%; padding-right: 10px; } .editor.flyoutobjectlist .entry.display-only .context-box { display: flex; align-items: start; padding-top: 8px; } .editor.flyoutobjectlist .entry.display-only .context-box.has-context { width: 100%; justify-content: space-between; } .editor.flyoutobjectlist .entry.display-only .context-box .context { margin-left: 4px; max-height: 40px; max-width: 150px; } .editor.flyoutobjectlist .entry.display-only .context-box .context.text-overflow { overflow: hidden; text-overflow: ellipsis; max-width: 120px; } .editor.flyoutobjectlist .entry.display-only .context-box .context.file-caption { font-style: italic; } .editor.flyoutobjectlist .entry.display-only .context-box .context.color-wrapper { display: flex; flex-direction: row; align-items: center; } .editor.flyoutobjectlist .entry.display-only .context-box .context.color-wrapper .color-swatch { width: 12px; height: 12px; margin-right: 7px; } .editor.flyoutobjectlist .entry.display-only .context-box .edit-btn, .editor.flyoutobjectlist .entry.display-only .context-box .delete-btn { cursor: pointer; opacity: 60%; line-height: 16px; } .editor.flyoutobjectlist .entry.display-only .context-box .edit-btn { margin-left: 4px; } .editor.flyoutobjectlist .entry.display-only .context-box .delete-btn { margin-left: 12px; } .row[prop_name=constraints], .row[prop_name=initial_values], .row[prop_name=changes], .row[prop_name=additional_values], .row.generic_object_list { overflow: visible; } .row[prop_name=constraints] .editor.objectlist, .row[prop_name=constraints] .editor.staticlist, .row[prop_name=constraints] .editor.flyoutobjectlist, .row[prop_name=initial_values] .editor.objectlist, .row[prop_name=initial_values] .editor.staticlist, .row[prop_name=initial_values] .editor.flyoutobjectlist, .row[prop_name=changes] .editor.objectlist, .row[prop_name=changes] .editor.staticlist, .row[prop_name=changes] .editor.flyoutobjectlist, .row[prop_name=additional_values] .editor.objectlist, .row[prop_name=additional_values] .editor.staticlist, .row[prop_name=additional_values] .editor.flyoutobjectlist, .row.generic_object_list .editor.objectlist, .row.generic_object_list .editor.staticlist, .row.generic_object_list .editor.flyoutobjectlist { padding: 3px 0px 0px 0px; } .row[prop_name=constraints] .editor.objectlist .entry, .row[prop_name=constraints] .editor.staticlist .entry, .row[prop_name=constraints] .editor.flyoutobjectlist .entry, .row[prop_name=initial_values] .editor.objectlist .entry, .row[prop_name=initial_values] .editor.staticlist .entry, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry, .row[prop_name=changes] .editor.objectlist .entry, .row[prop_name=changes] .editor.staticlist .entry, .row[prop_name=changes] .editor.flyoutobjectlist .entry, .row[prop_name=additional_values] .editor.objectlist .entry, .row[prop_name=additional_values] .editor.staticlist .entry, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry, .row.generic_object_list .editor.objectlist .entry, .row.generic_object_list .editor.staticlist .entry, .row.generic_object_list .editor.flyoutobjectlist .entry { font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #525759; border-radius: 1px; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; padding: 5px 2px 1px 4px; min-height: 30px; width: 298px; margin-top: 5px; } .row[prop_name=constraints] .editor.objectlist .entry:hover, .row[prop_name=constraints] .editor.objectlist .entry:focus, .row[prop_name=constraints] .editor.staticlist .entry:hover, .row[prop_name=constraints] .editor.staticlist .entry:focus, .row[prop_name=constraints] .editor.flyoutobjectlist .entry:hover, .row[prop_name=constraints] .editor.flyoutobjectlist .entry:focus, .row[prop_name=initial_values] .editor.objectlist .entry:hover, .row[prop_name=initial_values] .editor.objectlist .entry:focus, .row[prop_name=initial_values] .editor.staticlist .entry:hover, .row[prop_name=initial_values] .editor.staticlist .entry:focus, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry:hover, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry:focus, .row[prop_name=changes] .editor.objectlist .entry:hover, .row[prop_name=changes] .editor.objectlist .entry:focus, .row[prop_name=changes] .editor.staticlist .entry:hover, .row[prop_name=changes] .editor.staticlist .entry:focus, .row[prop_name=changes] .editor.flyoutobjectlist .entry:hover, .row[prop_name=changes] .editor.flyoutobjectlist .entry:focus, .row[prop_name=additional_values] .editor.objectlist .entry:hover, .row[prop_name=additional_values] .editor.objectlist .entry:focus, .row[prop_name=additional_values] .editor.staticlist .entry:hover, .row[prop_name=additional_values] .editor.staticlist .entry:focus, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry:hover, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry:focus, .row.generic_object_list .editor.objectlist .entry:hover, .row.generic_object_list .editor.objectlist .entry:focus, .row.generic_object_list .editor.staticlist .entry:hover, .row.generic_object_list .editor.staticlist .entry:focus, .row.generic_object_list .editor.flyoutobjectlist .entry:hover, .row.generic_object_list .editor.flyoutobjectlist .entry:focus { background-color: #424242; color: white; } .row[prop_name=constraints] .editor.objectlist .entry .prop-row-contents, .row[prop_name=constraints] .editor.staticlist .entry .prop-row-contents, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .prop-row-contents, .row[prop_name=initial_values] .editor.objectlist .entry .prop-row-contents, .row[prop_name=initial_values] .editor.staticlist .entry .prop-row-contents, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .prop-row-contents, .row[prop_name=changes] .editor.objectlist .entry .prop-row-contents, .row[prop_name=changes] .editor.staticlist .entry .prop-row-contents, .row[prop_name=changes] .editor.flyoutobjectlist .entry .prop-row-contents, .row[prop_name=additional_values] .editor.objectlist .entry .prop-row-contents, .row[prop_name=additional_values] .editor.staticlist .entry .prop-row-contents, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .prop-row-contents, .row.generic_object_list .editor.objectlist .entry .prop-row-contents, .row.generic_object_list .editor.staticlist .entry .prop-row-contents, .row.generic_object_list .editor.flyoutobjectlist .entry .prop-row-contents { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=key] .composer-textbox input, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input, .row.generic_object_list .editor.objectlist .entry .row[prop_name=key] .composer-textbox input, .row.generic_object_list .editor.staticlist .entry .row[prop_name=key] .composer-textbox input, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=key] .composer-textbox input { height: 20px; width: 60px; } .row[prop_name=constraints] .editor.objectlist .entry .row, .row[prop_name=constraints] .editor.staticlist .entry .row, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row, .row[prop_name=initial_values] .editor.objectlist .entry .row, .row[prop_name=initial_values] .editor.staticlist .entry .row, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row, .row[prop_name=changes] .editor.objectlist .entry .row, .row[prop_name=changes] .editor.staticlist .entry .row, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row, .row[prop_name=additional_values] .editor.objectlist .entry .row, .row[prop_name=additional_values] .editor.staticlist .entry .row, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row, .row.generic_object_list .editor.objectlist .entry .row, .row.generic_object_list .editor.staticlist .entry .row, .row.generic_object_list .editor.flyoutobjectlist .entry .row { padding-top: 0; margin-left: 2px; display: inline; float: none; } .row[prop_name=constraints] .editor.objectlist .entry .row:first-child, .row[prop_name=constraints] .editor.staticlist .entry .row:first-child, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row:first-child, .row[prop_name=initial_values] .editor.objectlist .entry .row:first-child, .row[prop_name=initial_values] .editor.staticlist .entry .row:first-child, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row:first-child, .row[prop_name=changes] .editor.objectlist .entry .row:first-child, .row[prop_name=changes] .editor.staticlist .entry .row:first-child, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row:first-child, .row[prop_name=additional_values] .editor.objectlist .entry .row:first-child, .row[prop_name=additional_values] .editor.staticlist .entry .row:first-child, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row:first-child, .row.generic_object_list .editor.objectlist .entry .row:first-child, .row.generic_object_list .editor.staticlist .entry .row:first-child, .row.generic_object_list .editor.flyoutobjectlist .entry .row:first-child { margin-left: 0px; } .row[prop_name=constraints] .editor.objectlist .entry .row .spot .optional.hidden, .row[prop_name=constraints] .editor.staticlist .entry .row .spot .optional.hidden, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .spot .optional.hidden, .row[prop_name=initial_values] .editor.objectlist .entry .row .spot .optional.hidden, .row[prop_name=initial_values] .editor.staticlist .entry .row .spot .optional.hidden, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .spot .optional.hidden, .row[prop_name=changes] .editor.objectlist .entry .row .spot .optional.hidden, .row[prop_name=changes] .editor.staticlist .entry .row .spot .optional.hidden, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row .spot .optional.hidden, .row[prop_name=additional_values] .editor.objectlist .entry .row .spot .optional.hidden, .row[prop_name=additional_values] .editor.staticlist .entry .row .spot .optional.hidden, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .spot .optional.hidden, .row.generic_object_list .editor.objectlist .entry .row .spot .optional.hidden, .row.generic_object_list .editor.staticlist .entry .row .spot .optional.hidden, .row.generic_object_list .editor.flyoutobjectlist .entry .row .spot .optional.hidden { display: none; } .row[prop_name=constraints] .editor.objectlist .entry .row .spot .mandatory.hidden, .row[prop_name=constraints] .editor.staticlist .entry .row .spot .mandatory.hidden, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden, .row[prop_name=initial_values] .editor.objectlist .entry .row .spot .mandatory.hidden, .row[prop_name=initial_values] .editor.staticlist .entry .row .spot .mandatory.hidden, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden, .row[prop_name=changes] .editor.objectlist .entry .row .spot .mandatory.hidden, .row[prop_name=changes] .editor.staticlist .entry .row .spot .mandatory.hidden, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden, .row[prop_name=additional_values] .editor.objectlist .entry .row .spot .mandatory.hidden, .row[prop_name=additional_values] .editor.staticlist .entry .row .spot .mandatory.hidden, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden, .row.generic_object_list .editor.objectlist .entry .row .spot .mandatory.hidden, .row.generic_object_list .editor.staticlist .entry .row .spot .mandatory.hidden, .row.generic_object_list .editor.flyoutobjectlist .entry .row .spot .mandatory.hidden { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .row .body, .row[prop_name=constraints] .editor.staticlist .entry .row .body, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row .body, .row[prop_name=initial_values] .editor.objectlist .entry .row .body, .row[prop_name=initial_values] .editor.staticlist .entry .row .body, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row .body, .row[prop_name=changes] .editor.objectlist .entry .row .body, .row[prop_name=changes] .editor.staticlist .entry .row .body, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row .body, .row[prop_name=additional_values] .editor.objectlist .entry .row .body, .row[prop_name=additional_values] .editor.staticlist .entry .row .body, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row .body, .row.generic_object_list .editor.objectlist .entry .row .body, .row.generic_object_list .editor.staticlist .entry .row .body, .row.generic_object_list .editor.flyoutobjectlist .entry .row .body { float: none; display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .editor, .row[prop_name=constraints] .editor.staticlist .entry .editor, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .editor, .row[prop_name=initial_values] .editor.objectlist .entry .editor, .row[prop_name=initial_values] .editor.staticlist .entry .editor, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .editor, .row[prop_name=changes] .editor.objectlist .entry .editor, .row[prop_name=changes] .editor.staticlist .entry .editor, .row[prop_name=changes] .editor.flyoutobjectlist .entry .editor, .row[prop_name=additional_values] .editor.objectlist .entry .editor, .row[prop_name=additional_values] .editor.staticlist .entry .editor, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .editor, .row.generic_object_list .editor.objectlist .entry .editor, .row.generic_object_list .editor.staticlist .entry .editor, .row.generic_object_list .editor.flyoutobjectlist .entry .editor { display: inline; float: none; } .row[prop_name=constraints] .editor.objectlist .entry .geographic-search-constraint, .row[prop_name=constraints] .editor.staticlist .entry .geographic-search-constraint, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .geographic-search-constraint, .row[prop_name=initial_values] .editor.objectlist .entry .geographic-search-constraint, .row[prop_name=initial_values] .editor.staticlist .entry .geographic-search-constraint, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .geographic-search-constraint, .row[prop_name=changes] .editor.objectlist .entry .geographic-search-constraint, .row[prop_name=changes] .editor.staticlist .entry .geographic-search-constraint, .row[prop_name=changes] .editor.flyoutobjectlist .entry .geographic-search-constraint, .row[prop_name=additional_values] .editor.objectlist .entry .geographic-search-constraint, .row[prop_name=additional_values] .editor.staticlist .entry .geographic-search-constraint, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .geographic-search-constraint, .row.generic_object_list .editor.objectlist .entry .geographic-search-constraint, .row.generic_object_list .editor.staticlist .entry .geographic-search-constraint, .row.generic_object_list .editor.flyoutobjectlist .entry .geographic-search-constraint { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown, .row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown, .row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown, .row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown, .row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown, .row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown, .row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown, .row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown, .row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown, .row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown, .row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown, .row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown { display: inline; margin-top: 4px; margin-left: 4px; } .row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown .spot, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot, .row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown .spot, .row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown .spot, .row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown .spot { padding: 0 1px 0 1px; } .row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child, .row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown:first-child, .row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown:first-child, .row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child { margin-left: 0px; } .row[prop_name=constraints] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=constraints] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=initial_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=initial_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=changes] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=changes] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=changes] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=additional_values] .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=additional_values] .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row.generic_object_list .editor.objectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row.generic_object_list .editor.staticlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child, .row.generic_object_list .editor.flyoutobjectlist .entry .arrowless-composer-dropdown:first-child .spot.empty.no-editor:first-child { width: 35px; } .row[prop_name=constraints] .editor.objectlist .entry .composer, .row[prop_name=constraints] .editor.staticlist .entry .composer, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer, .row[prop_name=initial_values] .editor.objectlist .entry .composer, .row[prop_name=initial_values] .editor.staticlist .entry .composer, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer, .row[prop_name=changes] .editor.objectlist .entry .composer, .row[prop_name=changes] .editor.staticlist .entry .composer, .row[prop_name=changes] .editor.flyoutobjectlist .entry .composer, .row[prop_name=additional_values] .editor.objectlist .entry .composer, .row[prop_name=additional_values] .editor.staticlist .entry .composer, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer, .row.generic_object_list .editor.objectlist .entry .composer, .row.generic_object_list .editor.staticlist .entry .composer, .row.generic_object_list .editor.flyoutobjectlist .entry .composer { float: none; display: inline; width: auto; min-width: 30px; border: none; background-color: transparent; } .row[prop_name=constraints] .editor.objectlist .entry .composer .composer-input, .row[prop_name=constraints] .editor.staticlist .entry .composer .composer-input, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer .composer-input, .row[prop_name=initial_values] .editor.objectlist .entry .composer .composer-input, .row[prop_name=initial_values] .editor.staticlist .entry .composer .composer-input, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer .composer-input, .row[prop_name=changes] .editor.objectlist .entry .composer .composer-input, .row[prop_name=changes] .editor.staticlist .entry .composer .composer-input, .row[prop_name=changes] .editor.flyoutobjectlist .entry .composer .composer-input, .row[prop_name=additional_values] .editor.objectlist .entry .composer .composer-input, .row[prop_name=additional_values] .editor.staticlist .entry .composer .composer-input, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer .composer-input, .row.generic_object_list .editor.objectlist .entry .composer .composer-input, .row.generic_object_list .editor.staticlist .entry .composer .composer-input, .row.generic_object_list .editor.flyoutobjectlist .entry .composer .composer-input { margin-top: 0px; line-height: 16px; } .row[prop_name=constraints] .editor.objectlist .entry .composer .spot.empty, .row[prop_name=constraints] .editor.staticlist .entry .composer .spot.empty, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .composer .spot.empty, .row[prop_name=initial_values] .editor.objectlist .entry .composer .spot.empty, .row[prop_name=initial_values] .editor.staticlist .entry .composer .spot.empty, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .composer .spot.empty, .row[prop_name=changes] .editor.objectlist .entry .composer .spot.empty, .row[prop_name=changes] .editor.staticlist .entry .composer .spot.empty, .row[prop_name=changes] .editor.flyoutobjectlist .entry .composer .spot.empty, .row[prop_name=additional_values] .editor.objectlist .entry .composer .spot.empty, .row[prop_name=additional_values] .editor.staticlist .entry .composer .spot.empty, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .composer .spot.empty, .row.generic_object_list .editor.objectlist .entry .composer .spot.empty, .row.generic_object_list .editor.staticlist .entry .composer .spot.empty, .row.generic_object_list .editor.flyoutobjectlist .entry .composer .spot.empty { top: 4px; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot { display: inline; line-height: 16px; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.mandatory.hidden { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .composer .spot.hidden { display: none; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext { border: none; border-radius: 0; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer { float: none; min-height: 20px; display: inline; width: auto; overflow: hidden; padding: 1px 1px 3px 1px; margin-left: 2px; background-color: transparent; border: none; position: relative; z-index: 1; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.selected { z-index: 2; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.reorg-temp { z-index: unset; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after { content: ""; display: block; position: absolute; height: 100%; top: 0px; left: 0px; width: 191px; z-index: -1; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer:after.reorg-temp { z-index: unset; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .new-text, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer .entry-rows { line-height: 20px; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer input { margin-top: 0px; } .row[prop_name=constraints] .editor.objectlist .label, .row[prop_name=constraints] .editor.staticlist .label, .row[prop_name=constraints] .editor.flyoutobjectlist .label, .row[prop_name=initial_values] .editor.objectlist .label, .row[prop_name=initial_values] .editor.staticlist .label, .row[prop_name=initial_values] .editor.flyoutobjectlist .label, .row[prop_name=changes] .editor.objectlist .label, .row[prop_name=changes] .editor.staticlist .label, .row[prop_name=changes] .editor.flyoutobjectlist .label, .row[prop_name=additional_values] .editor.objectlist .label, .row[prop_name=additional_values] .editor.staticlist .label, .row[prop_name=additional_values] .editor.flyoutobjectlist .label, .row.generic_object_list .editor.objectlist .label, .row.generic_object_list .editor.staticlist .label, .row.generic_object_list .editor.flyoutobjectlist .label { display: inline; } .row[prop_name=groupings] .entry, .row[prop_name=aggregations] .entry { margin-bottom: 0px; } .row[prop_name=groupings] .remover-entry-container, .row[prop_name=aggregations] .remover-entry-container { margin-bottom: 10px; } .row[prop_name=groupings] .new-entry-container, .row[prop_name=aggregations] .new-entry-container { padding-top: 0px; border-bottom: 1px solid #595f62; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action], .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] { width: 100%; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents { display: flex; justify-content: space-between; width: 100%; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .caption.Button, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .caption.Button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .caption.Button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .caption.Button { padding-top: 4px; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button { height: 100%; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button { width: 18px; height: 100%; padding: 4px 0px 0px 0px; background: none; border: none; box-shadow: none; display: flex; justify-content: center; align-items: center; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button:before, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button:before, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_leading_swipe_action] .prop-row-contents .editor.button .property-editor-button:before, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=add_trailing_swipe_action] .prop-row-contents .editor.button .property-editor-button:before { content: "+"; color: rgba(255, 255, 255, 0.7215686275); font-size: 21px; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=leading_swipe_action_label], .section[section_name=LeadingListItemSwipeActions] .row[prop_name=trailing_swipe_action_label], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=leading_swipe_action_label], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=trailing_swipe_action_label] { padding-top: 4px; padding-bottom: 2px; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=full_swipe_label], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=full_swipe_label] { color: rgba(255, 255, 255, 0.6); font-size: 12px; padding-top: 0px; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_leading], .section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_trailing], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_leading], .section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] { width: 100%; } .section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_leading] .body, .section[section_name=LeadingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] .body, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_leading] .body, .section[section_name=TrailingListItemSwipeActions] .row[prop_name=swipe_actions_trailing] .body { width: 100%; } .row[prop_name=accent_color_label] { color: rgba(255, 255, 255, 0.6); font-size: 12px; padding-top: 8px; } .remover-entry-container { float: left; } .remover-entry-container .remove-entry, .remover-entry-container .move-up, .remover-entry-container .move-down { float: right; cursor: pointer; margin-top: 11px; margin-right: -13px; } .remover-entry-container .remove-entry:before, .remover-entry-container .move-up:before, .remover-entry-container .move-down:before { content: "\f014"; font-family: "FontAwesome"; font-size: 16px; } .element-inspector-zone .delete-btn.bubble-ui:before, .element-inspector-zone .remove-entry:before, .element-inspector-zone .move-up:before, .element-inspector-zone .move-down:before, .remover-entry-container .delete-btn.bubble-ui:before, .remover-entry-container .remove-entry:before, .remover-entry-container .move-up:before, .remover-entry-container .move-down:before { color: #878d91; } .element-inspector-zone .delete-btn.bubble-ui:hover:before, .element-inspector-zone .remove-entry:hover:before, .element-inspector-zone .move-up:hover:before, .element-inspector-zone .move-down:hover:before, .remover-entry-container .delete-btn.bubble-ui:hover:before, .remover-entry-container .remove-entry:hover:before, .remover-entry-container .move-up:hover:before, .remover-entry-container .move-down:hover:before { color: #9ba1a5; } .new-entry-container { float: left; padding: 10px 15px 10px 8px; } .new-entry-container .new-entry { clear: both; float: left; width: 225px; margin-left: 27px; margin-right: 24px; } .row[prop_name=additional_sort_fields] .entry { float: left; padding-bottom: 10px; } .row[prop_name=additional_sort_fields] .row[prop_name=sort_field]:first-child { padding-top: 5px; } .row[prop_name=additional_sort_fields] .remover-entry-container { float: right; } .row[prop_name=url_parameters] .caption { width: 25px; } .row[prop_name=url_parameters] input { width: 70px; } .row[prop_name=url_parameters] .entry { margin-top: 6px; float: left; width: 295px; } .row[prop_name=url_parameters] .row[prop_name=value] { padding-top: 0px; margin-left: 10px; } .row[prop_name=url_parameters] .row[prop_name=value] .caption { width: 10px; } .row[prop_name=url_parameters] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer { width: 167px; } .row[prop_name=url_parameters_success] .caption, .row[prop_name=url_parameters_failure] .caption { width: 25px; } .row[prop_name=url_parameters_success] input, .row[prop_name=url_parameters_failure] input { width: 70px; } .row[prop_name=url_parameters_success] .entry, .row[prop_name=url_parameters_failure] .entry { margin-top: 6px; float: left; width: 295px; } .row[prop_name=url_parameters_success] .row[prop_name=value], .row[prop_name=url_parameters_failure] .row[prop_name=value] { padding-top: 0px; margin-left: 10px; } .row[prop_name=url_parameters_success] .row[prop_name=value] .caption, .row[prop_name=url_parameters_failure] .row[prop_name=value] .caption { width: 10px; } .row[prop_name=url_parameters_success] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer, .row[prop_name=url_parameters_failure] .row[prop_name=value] .text-composer.property-editor-control.short-text-composer { width: 167px; } .row[prop_name=parameters] .entry, .row[prop_name=return_types] .entry, .row[prop_name=parameters_actions] .entry { float: left; width: 100%; } .row[prop_name=parameters] .entry:not(.display-only), .row[prop_name=return_types] .entry:not(.display-only), .row[prop_name=parameters_actions] .entry:not(.display-only) { padding-top: 15px; margin-bottom: 15px; border-top: 1px solid #595f62; } .row[prop_name=parameters] .remover-entry-container .remove-entry, .row[prop_name=return_types] .remover-entry-container .remove-entry, .row[prop_name=parameters_actions] .remover-entry-container .remove-entry { margin-top: 22px; } .row[prop_name=parameters] .row[prop_name=key] .caption, .row[prop_name=parameters] .row[prop_name=value] .caption, .row[prop_name=return_types] .row[prop_name=key] .caption, .row[prop_name=return_types] .row[prop_name=value] .caption, .row[prop_name=parameters_actions] .row[prop_name=key] .caption, .row[prop_name=parameters_actions] .row[prop_name=value] .caption { width: 35px; } .row[prop_name=parameters] .row[prop_name=param_name] .caption, .row[prop_name=parameters] .row[prop_name=btype_id] .caption, .row[prop_name=return_types] .row[prop_name=param_name] .caption, .row[prop_name=return_types] .row[prop_name=btype_id] .caption, .row[prop_name=parameters_actions] .row[prop_name=param_name] .caption, .row[prop_name=parameters_actions] .row[prop_name=btype_id] .caption { width: 35px; } .row[prop_name=parameters] .row[prop_name=key] input, .row[prop_name=return_types] .row[prop_name=key] input, .row[prop_name=parameters_actions] .row[prop_name=key] input { width: 97px; } .row[prop_name=parameters] .row[prop_name=param_name] input, .row[prop_name=return_types] .row[prop_name=param_name] input, .row[prop_name=parameters_actions] .row[prop_name=param_name] input { width: 97px; } .row[prop_name=parameters] .row[prop_name=value], .row[prop_name=return_types] .row[prop_name=value], .row[prop_name=parameters_actions] .row[prop_name=value] { padding-top: 0px; margin-left: 17px; } .row[prop_name=parameters] .row[prop_name=btype_id], .row[prop_name=return_types] .row[prop_name=btype_id], .row[prop_name=parameters_actions] .row[prop_name=btype_id] { padding-top: 0px; margin-left: 17px; } .row[prop_name=parameters] .row[prop_name=is_list] .caption.Checkbox, .row[prop_name=parameters] .row[prop_name=optional] .caption.Checkbox, .row[prop_name=parameters] .row[prop_name=in_url] .caption.Checkbox, .row[prop_name=return_types] .row[prop_name=is_list] .caption.Checkbox, .row[prop_name=return_types] .row[prop_name=optional] .caption.Checkbox, .row[prop_name=return_types] .row[prop_name=in_url] .caption.Checkbox, .row[prop_name=parameters_actions] .row[prop_name=is_list] .caption.Checkbox, .row[prop_name=parameters_actions] .row[prop_name=optional] .caption.Checkbox, .row[prop_name=parameters_actions] .row[prop_name=in_url] .caption.Checkbox { width: 76px; } .row[prop_name=parameters] .row[prop_name=optional] .caption.Checkbox, .row[prop_name=return_types] .row[prop_name=optional] .caption.Checkbox, .row[prop_name=parameters_actions] .row[prop_name=optional] .caption.Checkbox { width: 53px; } .row[prop_name=parameters] .row[prop_name=optional], .row[prop_name=parameters] .row[prop_name=in_url], .row[prop_name=return_types] .row[prop_name=optional], .row[prop_name=return_types] .row[prop_name=in_url], .row[prop_name=parameters_actions] .row[prop_name=optional], .row[prop_name=parameters_actions] .row[prop_name=in_url] { margin-left: 10px; } .row[prop_name=parameters_actions] .row[prop_name=content] .composer { width: 299px; } .row[prop_name=parameters_actions] .row[prop_name=key] .caption { width: 25px; } .row[prop_name=parameters_actions] .row[prop_name=param_name] .caption { width: 25px; } .row[prop_name=parameters_actions] .row[prop_name=value], .row[prop_name=parameters_actions] .row[prop_name=list] { margin-left: 7px; } .row[prop_name=parameters_actions] .row[prop_name=list] { padding-top: 0px; } .row[prop_name=parameters_actions] .row[prop_name=list] .caption.Checkbox { width: 25px; } .row[prop_name=static_images] .row[prop_name=static_image_src] .body { margin-top: 9px !important; padding-top: 9px; border-top: 1px dashed #5c5c5c; } .row[prop_name=static_images] .remove-entry { margin-top: 16px; margin-left: -14px; float: left; } .row[prop_name=static_images] .new-entry-container { border: none; padding-top: 15px; padding-bottom: 0px; } .section[section_name=CarouselFormat] .row[prop_name=autoplay], .section[section_name=CarouselFormat] .row[prop_name=show_dots], .section[section_name=CarouselFormat] .row[prop_name=show_buttons] { height: 40px; clear: left; } .section[section_name=CarouselFormat] .caption.Checkbox { width: 125px; } .section[section_name=CarouselFormat] .row[prop_name=autoplay_speed], .section[section_name=CarouselFormat] .row[prop_name=arrow_button_color], .section[section_name=CarouselFormat] .row[prop_name=navigation_dots_color] { clear: none; float: right; } .section[section_name=CarouselFormat] .row[prop_name=autoplay_speed] .caption, .section[section_name=CarouselFormat] .row[prop_name=arrow_button_color] .caption, .section[section_name=CarouselFormat] .row[prop_name=navigation_dots_color] .caption { width: 38px; margin-left: 5px; margin-right: 4px; } .composer { box-sizing: border-box; -moz-box-sizing: border-box; } .text-composer { background-color: #525759; padding: 6px 4px 0px 8px; border-radius: 1px; min-height: 30px; height: auto; cursor: text; box-sizing: border-box; -moz-box-sizing: border-box; } .text-composer:hover { background-color: #424242; } .text-composer.mandatory.empty { border: 1px solid #f91d56; } .text-composer .add-text-at-beginning { display: inline; position: relative; height: 100%; z-index: 4; white-space: pre-wrap; } .text-composer .spot { color: rgb(255, 204, 0); } .text-composer .spot.selected { color: rgb(255, 204, 0); } .text-composer .spot.slidable-owner { /* should glow a little bit above the standard gold */ color: white; } .text-composer .spot.empty.no-editor { line-height: 16px; color: #9c9c9c !important; } .text-composer .spot input.composer-input.text-input { margin-top: -1px; } .text-composer .textcomposer-entry { cursor: text; } .text-composer .textcomposer-entry .text-entry.static-entry, .text-composer .textcomposer-entry .text-entry.editing-static-entry { display: inline; position: relative; height: 100%; z-index: 4; white-space: pre-wrap; } .text-composer .textcomposer-entry .text-entry.static-entry-reorg, .text-composer .textcomposer-entry .text-entry.editing-static-entry-reorg { display: inline; position: relative; height: 100%; white-space: pre-wrap; } .text-composer .textcomposer-entry .composer { display: inline; } .text-composer input, .text-composer textarea { background-color: transparent; cursor: text; float: none; font: inherit; margin-left: 0px; margin-top: 0px; } .text-composer .new-text { color: rgb(180, 180, 180); cursor: pointer; position: relative; z-index: 5; } .text-composer .new-text:hover { color: white; background: #5d9bda; } .text-composer .new-text.hidden { display: none; } .text-composer .new-text:after { /* extend the clickable range of new-text */ position: absolute; height: 100%; width: 200px; content: ""; display: block; top: 0px; } .text-composer .entry-rows { display: inline; } .text-composer .dynamic { cursor: pointer; color: #67b3ff; } .text-composer .insert-dynamic, .dynamic-composer-color .insert-dynamic { position: fixed; padding: 0px; border-radius: 0px 0px 0px 0px; } .text-composer .insert-dynamic-button, .dynamic-composer-color .insert-dynamic-button { padding-top: 0; cursor: pointer; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #5d9bda; width: 160px; height: 30px; color: white !important; } .text-composer .insert-dynamic-button:before, .dynamic-composer-color .insert-dynamic-button:before { content: "\f054"; font-family: "FontAwesome"; position: relative; width: 21px; color: white; display: inline-block; line-height: 30px; text-align: center; font-size: 13px; vertical-align: middle; } .text-composer .insert-dynamic-button:hover, .dynamic-composer-color .insert-dynamic-button:hover { background-color: #6aaaeb; } .text-composer .insert-dynamic-button:active, .dynamic-composer-color .insert-dynamic-button:active { background-color: rgb(69, 147, 226); } .row[prop_name=title_attribute] .short-text-composer { width: 168px !important; } .row:not([prop_name=constraints]) .new-composer.short-text-composer .text-composer { padding: 2px 6px 6px 6px; } .row:not([prop_name=constraints]) .new-composer.short-text-composer .text-composer.extra-top-padding { padding-top: 6px; } .short-text-composer { width: 168px; } .short-text-composer .autostretch { display: inline; } .short-text-composer input, .short-text-composer span.autotarg { height: 18px; white-space: pre; display: inline; padding-left: 0px; padding-right: 0px; border: none; border-radius: none; } .short-text-composer input { max-width: 100%; } .long-text-composer { width: 300px; min-height: 60px; padding-bottom: 5px; position: relative; } .long-text-composer .textcomposer-entry.static-entry { display: inline; position: relative; /* fucking issue*/ width: 100%; z-index: 4; cursor: text; /* white-space: pre-wrap;*/ } .long-text-composer .textcomposer-entry.static-entry-reorg { display: inline; position: relative; width: 100%; cursor: text; } .long-text-composer .entry-rows { z-index: 2; } .long-text-composer .clickable-area { cursor: text; content: ""; display: inline-block; z-index: 3; width: 100%; position: absolute; left: 0px; } .long-text-composer .clickable-area-reorg { cursor: text; content: ""; display: inline-block; width: 100%; position: absolute; left: 0px; } .long-text-composer .textcomposer-entry.dynamic-entry { display: inline; position: relative; width: 286px; z-index: 4; cursor: pointer; } .long-text-composer .textcomposer-entry.dynamic-entry .composer { z-index: 5; position: relative; } .long-text-composer .textcomposer-entry.dynamic-entry-reorg { display: inline; position: relative; width: 286px; cursor: pointer; } .long-text-composer div.autostretch { /* textarea that vertically stretches to fill the content. javascript is responsible for copying contents of textarea.autostretch into div.autotarg */ position: relative; z-index: 3; /* most formatting should go here, so that div.autotarg stays the same size as textarea.autostretch */ } .long-text-composer div.autostretch textarea.autostretch { box-sizing: border-box; -moz-box-sizing: border-box; height: 100%; overflow: hidden; position: absolute; resize: none; border: none; border-radius: 0; } .long-text-composer div.autostretch div.autotarg { visibility: hidden; min-height: 18px; } .long-text-composer div.autostretch div.autotarg, .long-text-composer div.autostretch textarea.autostretch { line-height: 18px; margin-top: 0px; padding: 0px; width: 100%; } .long-text-composer div.autostretch textarea:focus { outline: none; } .long-text-composer-wrapper .long-text-composer { float: left; } .long-text-composer-wrapper .long-text-composer.param { width: 168px; } .long-text-composer-wrapper.mandatory.empty { border: 1px solid #f91d56; } .short-text-composer-wrapper.mandatory.empty { border: 1px solid #f91d56; } .slidable-palette .name-input { cursor: pointer; } .slidable-palette .name-input:hover { text-decoration: underline; } .slidable-palette .name-input:focus { cursor: text; } .slidable-palette .row[prop_name=default_value] .caption.LongText { width: 125px; } .slidable-palette .row[prop_name=default_value] .long-text-composer { width: 167px; } .slidable-palette .row[prop_name=font_color] .caption.Color { width: 125px; } .slidable-palette .row[prop_name=font_color] .composer-color { width: 168px; } .slidable-palette.edit-existing-element-flyout > .viewport { max-height: 100% !important; } .bb-code-button, .show-doc-btn { float: right; font-size: 11px; cursor: pointer; clear: both; color: #adadad; height: 13px; } .bb-code-button:hover, .show-doc-btn:hover { color: white; } .doc-content { color: #ffffff; float: left; clear: both; width: 298px; font-size: 11px; line-height: 1.4; margin-top: 6px; white-space: pre-wrap; margin-bottom: 6px; } .composer-image, .composer-file { position: relative; /* can override this to be absolute or fixed, but it can't be static */ cursor: pointer; /* Width and height are example values only. Actual values should be set specific to the place where the composer-image is being used */ width: 80px; height: 60px; } .composer-image input, .composer-file input { z-index: 2; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .composer-image .file-caption, .composer-file .file-caption { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; text-align: center; padding-top: 35px; } .composer-image .file-caption.empty:before, .composer-file .file-caption.empty:before { font-family: "FontAwesome"; content: "\f0ee"; font-size: 22px; color: rgb(228, 228, 228); width: 41px; position: absolute; margin-top: -23px; } .composer-image .file-caption.center-icon:before, .composer-file .file-caption.center-icon:before { /* bad bad bad speghetti css needs important because something somewhere else is overriding it. goddamn.. */ margin-top: -4px !important; } .composer-image .file-caption.placeholder, .composer-file .file-caption.placeholder { color: #b6b6b6; font-weight: 400; line-height: 18px; letter-spacing: 0em; } .composer-image img, .composer-file img { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; } .composer-image img.image-placeholder, .composer-file img.image-placeholder { opacity: 0.4; } .composer-image .button-clear-composer-image, .composer-image .button-clear-composer-file, .composer-image .download-btn, .composer-file .button-clear-composer-image, .composer-file .button-clear-composer-file, .composer-file .download-btn { position: absolute; left: 90px; z-index: 100; } .composer-image .button-clear-composer-image.hidden, .composer-image .button-clear-composer-file.hidden, .composer-image .download-btn.hidden, .composer-file .button-clear-composer-image.hidden, .composer-file .button-clear-composer-file.hidden, .composer-file .download-btn.hidden { display: none; } .composer-image .button-clear-composer-image:hover, .composer-image .button-clear-composer-file:hover, .composer-image .download-btn:hover, .composer-file .button-clear-composer-image:hover, .composer-file .button-clear-composer-file:hover, .composer-file .download-btn:hover { color: white; } .composer-image .button-clear-composer-image, .composer-image .button-clear-composer-file, .composer-file .button-clear-composer-image, .composer-file .button-clear-composer-file { bottom: 0px; } .composer-image .button-clear-composer-image.json-clear, .composer-image .button-clear-composer-file.json-clear, .composer-file .button-clear-composer-image.json-clear, .composer-file .button-clear-composer-file.json-clear { bottom: 10px; } .composer-image .download-btn, .composer-file .download-btn { top: 0px; } .composer-image .download-btn:hover, .composer-file .download-btn:hover { text-decoration: none; } .composer-image.square, .composer-file.square { width: 60px; } .composer-image.square .button-clear-composer-image, .composer-image.square .button-clear-composer-file, .composer-image.square .download-btn, .composer-file.square .button-clear-composer-image, .composer-file.square .button-clear-composer-file, .composer-file.square .download-btn { left: 70px; } .composer-image.mandatory.empty, .composer-file.mandatory.empty { border: 1px solid #f91d56; } .composer-file { height: 30px; width: 130px; } .composer-file .file-caption { padding-top: 6px; overflow: hidden; } .composer-file .file-caption.empty:before { margin-left: -43px; margin-top: 0px; } .composer-file .button-clear-composer-file, .composer-file .download-btn { left: 140px; } .composer-file .download-btn { top: -2px; } .composer-file.mandatory.empty { border: 1px solid #f91d56; } .editor.dynamicimage .short-text-composer, .editor.dynamicfile .short-text-composer { float: left; min-height: 30px; } .editor.dynamicimage .composer-dropdown, .editor.dynamicfile .composer-dropdown { float: right; margin-bottom: 10px; } .editor.dynamicimage .composer-image, .editor.dynamicimage .composer-file, .editor.dynamicfile .composer-image, .editor.dynamicfile .composer-file { float: left; margin-bottom: 7px; } .editor.dynamicimage .params-dynamic-image-editor, .editor.dynamicimage .params-dynamic-file-editor, .editor.dynamicfile .params-dynamic-image-editor, .editor.dynamicfile .params-dynamic-file-editor { display: flex; flex-direction: column; margin-top: -6px; } .row.has-caption[prop_name=backdrop_background_color_if_empty_image] { width: 100%; } .row.has-caption[prop_name=backdrop_background_color_if_empty_image] .caption.Color { width: 152px; } .row.has-caption[prop_name=backdrop_background_color_if_empty_image] .composer-color { width: 142px; } .row.has-caption[prop_name=backdrop_video_source] .caption.DynamicFile { width: 250px; margin-bottom: 5px; } .composer-checkbox.disabled .component-checkbox, .property-editor.disabled .component-checkbox { opacity: 0.4 !important; cursor: default; } .composer-checkbox .component-checkbox, .property-editor .component-checkbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; float: left; cursor: pointer; width: 18px; height: 18px; background-color: #525759; background-repeat: no-repeat; border-radius: 1px; margin-top: 7px; } .composer-checkbox .component-checkbox.inherited, .property-editor .component-checkbox.inherited { background-color: rgba(82, 87, 89, 0.24); } .composer-checkbox .component-checkbox:hover, .property-editor .component-checkbox:hover { background-color: #424242; background-repeat: no-repeat; } .composer-checkbox .component-checkbox:before, .property-editor .component-checkbox:before { content: ""; display: block; text-align: center; } .composer-checkbox .component-checkbox.checked:before, .property-editor .component-checkbox.checked:before { font-family: "FontAwesome"; content: "\f00c"; } .composer-dropdown-button { padding: 0; height: 30px; } .composer-dropdown-button.inherited .button { background-color: rgba(82, 87, 89, 0.24); } .composer-dropdown-button.inherited .button.selected:before { background-color: rgba(66, 66, 66, 0.24); } .composer-dropdown-button.inherited .button:hover { background-color: #424242; } .composer-dropdown-button .button { float: left; cursor: pointer; width: 30px; height: 30px; border: none; background-color: #525759; } .composer-dropdown-button .button:hover, .composer-dropdown-button .button.selected:before { background-repeat: no-repeat; background-color: #424242; } .composer-dropdown-button .button:before { width: 30px; height: 30px; content: ""; display: block; border-radius: 0; } .composer-dropdown-button .button:first-child { border-radius: 1px 0px 0px 1px; } .composer-dropdown-button .button:first-child:before { border-radius: 1px 0px 0px 1px; } .composer-dropdown-button .button:last-child { border-radius: 0px 1px 1px 0px; } .composer-dropdown-button .button:last-child:before { border-radius: 0px 1px 1px 0px; } .composer-dropdown-button.bubble-ui .button.selected:before { background-color: var(--b-bg-secondary2); color: #000000; } .composer-color { cursor: pointer; width: 168px; padding: 0; height: 30px; display: flex; align-items: center; color: white; } .composer-color input { color: white; border: none !important; background: none; } .composer-color input.token-chosen { color: #67b3ff; } .composer-color input.token-chosen:hover { color: #cce5ff; } .composer-color.selected { background: #424242; } .composer-color.mandatory.empty { border: 1px solid #f91d56; } .composer-color .color-input { height: fit-content; width: 100%; } .composer-color .color-swatch { min-width: 12px; height: 12px; margin: 8px 6px 8px 8px; border: 1px solid rgba(255, 255, 255, 0.18); } .composer-color .a-color-picker { background-color: #424242; width: 200px !important; border: 1px solid transparent; cursor: auto; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child) { padding: 4px 8px; border-top: none; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child) .a-color-picker-column { padding-top: 4px; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child) .a-color-picker-column .a-color-picker-cell .a-color-picker-h { border-radius: 24px; outline: 1px solid rgba(0, 0, 0, 0.1); } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex { justify-content: space-between; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input { display: flex; width: 120px; height: 30px; align-items: center; background: #525759; color: white; border-radius: 3px; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-transparent { background: none; border-radius: 0px; border: none; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-stack { width: 12px; height: 12px; margin: 8px 6px 8px 8px; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input .a-color-picker-stack .a-color-picker-preview { width: 12px; height: 12px; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.18); } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX] { width: 90px; height: fit-content; text-transform: uppercase; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX].token-chosen { text-transform: capitalize; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX]:hover, .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-rgbhex .hex-input input[nameref=RGBHEX]:focus { background: none; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child) .alpha { max-width: 56px; height: 30px; background-color: #525759; color: white; font-size: 12px; border-radius: 3px; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child) .alpha::placeholder { color: rgba(255, 255, 255, 0.48); } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title { display: flex; font-size: 12px; font-family: "Open Sans"; justify-content: space-between; align-items: center; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-text { color: white; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-link { color: rgba(255, 255, 255, 0.48); cursor: pointer; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).palette-title .palette-title-link:hover { color: white; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color { margin: 3px 3.88px; border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: none; outline: none; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color.token-chosen { outline: 1px solid white; } .composer-color .a-color-picker .a-color-picker-row:not(:first-child).a-color-picker-palette .a-color-picker-palette-color:hover { border: 1px solid #f1f100; } .composer-color .a-color-picker .a-color-picker-row:last-child { padding-bottom: 8px; } .editor.button .property-editor-button { width: 299px; } .editor.button .property-editor-button.small { width: 140px; } .editor.button .property-editor-button.DWD-alert { border: 1px solid #ffc122 !important; } /*------------------ COMPOSER ------------------*/ .name-andwhen { padding: 5px; } .slidable-palette .composer-input, .property-editor-2 .composer-input, .composer-popup .composer-input, .composer-dropdown .composer-input { float: none; height: 18px; border: 1px solid #595f62; border-radius: 3px; padding: 0px 0px 0px 1px; min-width: 30px; background-color: transparent; font: inherit; } .slidable-palette .composer-input.number-input, .property-editor-2 .composer-input.number-input, .composer-popup .composer-input.number-input, .composer-dropdown .composer-input.number-input { width: 40px; } .slidable-palette .composer-input.text-input, .property-editor-2 .composer-input.text-input, .composer-popup .composer-input.text-input, .composer-dropdown .composer-input.text-input { width: 70px; } .slidable-palette .composer-dropdown-extra_large .composer-input.text-input, .property-editor-2 .composer-dropdown-extra_large .composer-input.text-input, .composer-popup .composer-dropdown-extra_large .composer-input.text-input, .composer-dropdown .composer-dropdown-extra_large .composer-input.text-input { width: 140px; } .composer-autocomplete .autocomplete-input { width: 100%; } .tt-autocomplete-dropdown-menu { min-width: 238px !important; } .tt-autocomplete-dropdown-menu .tt-suggestion > p { color: rgb(0, 0, 0) !important; } .composer-palette, .tt-autocomplete-dropdown-menu { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; border-radius: 1px; color: white; background-color: #424242; min-width: 159px; cursor: pointer; padding: 3px; float: left; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; overflow-y: auto; overflow-x: visible; /* Handle */ } .composer-palette::-webkit-scrollbar-thumb, .tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb { background: #777777; } .composer-palette::-webkit-scrollbar-thumb:hover, .tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb:hover { background: #353030; cursor: default; } .composer-palette::-webkit-scrollbar-thumb:active, .tt-autocomplete-dropdown-menu::-webkit-scrollbar-thumb:active { background-color: #353030; cursor: default; } .composer-palette.composer-dropdown-long, .tt-autocomplete-dropdown-menu.composer-dropdown-long { min-width: 162px; } .composer-palette.arrowless-composer-dropdown-extrashort, .tt-autocomplete-dropdown-menu.arrowless-composer-dropdown-extrashort { min-width: 27px; } .composer-palette.composer-dropdown-short, .tt-autocomplete-dropdown-menu.composer-dropdown-short { min-width: 79px; } .composer-palette.composer-dropdown-extra_large, .tt-autocomplete-dropdown-menu.composer-dropdown-extra_large { min-width: 187px; } .composer-palette.composer-dropdown-mid_extra_large, .tt-autocomplete-dropdown-menu.composer-dropdown-mid_extra_large { min-width: 248px; } .composer-palette.composer-dropdown-extra_extra_large, .tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_large { min-width: 292px; } .composer-palette.composer-dropdown-extra_extra_extra_large, .tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_extra_large { min-width: 338px; } .composer-palette.composer-dropdown-extra_extra_extra_extra_large, .tt-autocomplete-dropdown-menu.composer-dropdown-extra_extra_extra_extra_large { min-width: 388px; } .composer-palette.composer-dropdown-medium, .tt-autocomplete-dropdown-menu.composer-dropdown-medium { min-width: 75px; } .composer-palette.composer-dropdown-medium-large, .tt-autocomplete-dropdown-menu.composer-dropdown-medium-large { min-width: 97px; } .composer-palette.composer-dropdown-medium-large-large, .tt-autocomplete-dropdown-menu.composer-dropdown-medium-large-large { min-width: 126px; } .composer-palette.composer-cssdimension-short, .tt-autocomplete-dropdown-menu.composer-cssdimension-short { min-width: 25px; } .composer-palette .section:first-child .dropdown-option:first-child, .tt-autocomplete-dropdown-menu .section:first-child .dropdown-option:first-child { border-top: none; } .composer-palette .section, .tt-autocomplete-dropdown-menu .section { border-bottom: 1px solid #595f62; } .composer-palette .section:last-child, .tt-autocomplete-dropdown-menu .section:last-child { border-bottom: none !important; } .composer-palette .section.stick-me, .tt-autocomplete-dropdown-menu .section.stick-me { position: sticky; top: -3px; padding-top: 3px; background-color: #424242; } .composer-palette.bubble-ui .stick-me, .tt-autocomplete-dropdown-menu.bubble-ui .stick-me { top: -5px; padding-top: 5px; background-color: #ffffff; z-index: 5; } .composer-palette .dropdown-option, .composer-palette .tt-suggestion > p, .tt-autocomplete-dropdown-menu .dropdown-option, .tt-autocomplete-dropdown-menu .tt-suggestion > p { padding-top: 9px; padding-left: 5px; min-height: 30px; max-width: 400px; text-overflow: ellipsis; overflow-x: hidden; box-sizing: border-box; -moz-box-sizing: border-box; } .composer-palette .dropdown-option input, .composer-palette .tt-suggestion > p input, .tt-autocomplete-dropdown-menu .dropdown-option input, .tt-autocomplete-dropdown-menu .tt-suggestion > p input { width: 89px; height: 20px; padding-left: 3px; margin-left: 4px; margin-top: -3px; } .composer-palette .dropdown-option.hovered, .composer-palette .tt-suggestion > p.hovered, .tt-autocomplete-dropdown-menu .dropdown-option.hovered, .tt-autocomplete-dropdown-menu .tt-suggestion > p.hovered { background-color: #242627; } .composer-palette .dropdown-option.delete-btn-added, .tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added { padding-right: 15px; } .composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o, .tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o { float: right; margin-right: -13px; font-size: 11px; color: #6f6f6f; } .composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o:hover, .composer-palette .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o.hovered, .tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o:hover, .tt-autocomplete-dropdown-menu .dropdown-option.delete-btn-added .delete-option.fa.fa-trash-o.hovered { color: #b9b9b9; } .composer-palette .dropdown-option, .tt-autocomplete-dropdown-menu .dropdown-option { white-space: pre; } .composer-palette .dropdown-option.disabled, .tt-autocomplete-dropdown-menu .dropdown-option.disabled { color: #696969; cursor: default; } .composer-palette .dropdown-option.disabled:hover, .composer-palette .dropdown-option.disabled.hovered, .tt-autocomplete-dropdown-menu .dropdown-option.disabled:hover, .tt-autocomplete-dropdown-menu .dropdown-option.disabled.hovered { background-color: transparent !important; } .composer-palette .dropdown-option.disabled .disabled-option-msg, .tt-autocomplete-dropdown-menu .dropdown-option.disabled .disabled-option-msg { font-size: 7px; text-align: right; } .composer-palette .section.priority, .tt-autocomplete-dropdown-menu .section.priority { border-bottom: 2px solid grey; } .list-composer .new-entry:after, .entry .new-entry:after { cursor: pointer; } .list-composer .remove-entry:after, .entry .remove-entry:after { cursor: pointer; } .row[prop_name=is_visible] { margin-left: 0px !important; margin-top: -10px !important; } .section[section_name=StartWorkflow] .row[prop_name=button_disabled] { margin-top: -10px; } .row[prop_name=select_parent] { margin-top: 5px; } .section[section_name=APIEvent] .row[prop_name=modify_types] { float: right; } .section[section_name=ShortPosition] .row[prop_name=min_width], .section[section_name=ShortPosition] .row[prop_name=max_width] { padding-top: 10px; margin-left: 0px; } .section[section_name=ShortPosition] .row[prop_name=min_width] .caption, .section[section_name=ShortPosition] .row[prop_name=max_width] .caption { width: 233px; } .section[section_name=ShortPosition] .row[prop_name=min_width] .editor.staticnumber, .section[section_name=ShortPosition] .row[prop_name=min_width] .editor.staticnumber input, .section[section_name=ShortPosition] .row[prop_name=max_width] .editor.staticnumber, .section[section_name=ShortPosition] .row[prop_name=max_width] .editor.staticnumber input { width: 60px; } .section[section_name=ShortPosition] .row[prop_name=width] .caption, .section[section_name=ShortPosition] .row[prop_name=height] .caption { width: 40px; margin-right: 5px; } .section[section_name=ShortPosition] .row[prop_name=preset_width] .caption { width: 125px; margin-right: 6px; } .section[section_name=ShortPosition] .row[prop_name=width] .editor.staticnumber, .section[section_name=ShortPosition] .row[prop_name=height] .editor.staticnumber { width: auto; } .section[section_name=ShortPosition] .row[prop_name=width] { float: left; } .section[section_name=ShortPosition] .row[prop_name=width] .body { float: left; } .section[section_name=ShortPosition] .row[prop_name=height] { margin-left: 37px; padding-top: 0px; } .section[section_name=ShortPosition] .row[prop_name=height] .body { float: right; } .section[section_name=Position2] .row[prop_name=width] .caption, .section[section_name=Position2] .row[prop_name=height] .caption, .section[section_name=Position2] .row[prop_name=left] .caption, .section[section_name=Position2] .row[prop_name=top] .caption { width: 10px; clear: none; margin-right: 5px; } .section[section_name=Position2] .row[prop_name=width] input, .section[section_name=Position2] .row[prop_name=height] input, .section[section_name=Position2] .row[prop_name=left] input, .section[section_name=Position2] .row[prop_name=top] input { width: 44px; } .section[section_name=Position2] .row { margin-left: 19px; padding-top: 0; } .section[section_name=Position2] .row .editor.staticnumber { width: 45px; } .section[section_name=Position2] .row:first-child { margin-top: 0px; margin-left: 0px; } .section[section_name=Position] .row[prop_name=information] { margin-left: 0px; padding-top: 10px; } .section[section_name=Position] .row[prop_name=collapse_when_hidden], .section[section_name=Position] .row[prop_name=collapse_animation], .section[section_name=Position] .row[prop_name=animation_type], .section[section_name=Position] .row[prop_name=fixed_width], .section[section_name=Position] .row[prop_name=keep_proportion_resize], .section[section_name=Position] .row[prop_name=use_max_width] { margin-left: 0px; padding-top: 10px; } .section[section_name=Position] .row[prop_name=new_responsive] { margin-top: -10px; margin-left: 0px; } .section[section_name=Position] .row[prop_name=animation_type] .caption { width: 125px; } .section[section_name=Position] .row[prop_name=min_width], .section[section_name=Position] .row[prop_name=max_width] { padding-top: 10px; margin-left: 0px; } .section[section_name=Position] .row[prop_name=min_width] .caption, .section[section_name=Position] .row[prop_name=max_width] .caption { width: 233px; } .section[section_name=Position] .row[prop_name=min_width] .editor.staticnumber, .section[section_name=Position] .row[prop_name=min_width] .editor.staticnumber input, .section[section_name=Position] .row[prop_name=max_width] .editor.staticnumber, .section[section_name=Position] .row[prop_name=max_width] .editor.staticnumber input { width: 60px; } .section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button { text-align: center; width: 84px; } .section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button:before { width: 100%; padding-top: 6px; box-sizing: border-box; } .section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button[data-button-value=gap]:before { content: "Gap spacing"; } .section[section_name=ShortListLayout] .row[prop_name=spacing_type] .button[data-button-value=separator]:before { content: "Separators"; } .section[section_name=ShortListLayout] .row[prop_name=separator_width] .caption.Dropdown, .section[section_name=ShortListLayout] .row[prop_name=separator_style] .caption.Dropdown { margin-right: 70px; } .section[section_name=Text] .short-text-composer { width: 300px; } .section[section_name=Font] .row[prop_name=font_family] .composer-dropdown .spot { width: 192px; } .section[section_name=Font] .row[prop_name=font_weight] { padding-top: 0; float: right; } .section[section_name=Font] .row[prop_name=font_weight] .composer-dropdown .spot { width: 90px; } .section[section_name=Font] .row[prop_name=font_weight] .composer-dropdown .spot input.composer-input { width: 50px; min-width: 50px; text-align: left; } .section[section_name=Font] .row[prop_name=font_size] { clear: both; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox { width: 30px; height: 30px; border: none; margin-top: 0px; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:hover, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:hover, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:hover { background-repeat: no-repeat; background-color: #424242; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked { background-repeat: no-repeat; background-color: #424242; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked.inherited, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked.inherited, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked.inherited { background-color: rgba(66, 66, 66, 0.24); } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox.checked.inherited:hover, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox.checked.inherited:hover, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox.checked.inherited:hover { background-color: #424242; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:before, .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:before, .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:before { width: 30px; height: 30px; content: ""; display: block; text-align: center; padding-top: 6px; font-family: PT Sans; font-size: 14px; } .section[section_name=Font] .row .editor.checkbox .component-checkbox:before { font-family: "bubble" !important; font-size: 12px !important; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; } .section[section_name=Font] .row[prop_name=bold] { padding-right: 0px; margin-left: 18px; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox { border-radius: 1px 0px 0px 1px; } .section[section_name=Font] .row[prop_name=bold] .editor.checkbox .component-checkbox:before { content: "\e605"; } .section[section_name=Font] .row[prop_name=italic] { padding-right: 0px; } .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox { border-radius: 0; width: 30px; } .section[section_name=Font] .row[prop_name=italic] .editor.checkbox .component-checkbox:before { content: "\e611"; } .section[section_name=Font] .row[prop_name=underline] { padding-right: 0px; } .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox { border-radius: 0px 1px 1px 0px; } .section[section_name=Font] .row[prop_name=underline] .editor.checkbox .component-checkbox:before { content: "\e61f"; } .row[prop_name=font_alignment] .editor.dropdown_button { margin-left: 17px; } .row[prop_name=font_alignment] .button:before, .r-alignment .button:before { font-family: "bubble"; font-size: 12px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; } .row[prop_name=font_alignment] .button[data-button-value=left]:before, .r-alignment .button[data-button-value=left]:before { content: "\e613"; } .row[prop_name=font_alignment] .button[data-button-value=center]:before, .r-alignment .button[data-button-value=center]:before { content: "\e607"; } .row[prop_name=font_alignment] .button[data-button-value=right]:before, .r-alignment .button[data-button-value=right]:before { content: "\e61b"; } .row[prop_name=font_color] { float: left; } .row[prop_name=word_spacing] { clear: both; } .row[prop_name=word_spacing], .row[prop_name=line_height], .row[prop_name=letter_spacing] { width: 85px; padding-top: 3px; } .row[prop_name=word_spacing] .caption.Dropdown, .row[prop_name=line_height] .caption.Dropdown, .row[prop_name=letter_spacing] .caption.Dropdown { width: 80px; margin-right: 0px; } .row[prop_name=word_spacing] .body, .row[prop_name=line_height] .body, .row[prop_name=letter_spacing] .body { float: left; margin-top: 10px; } .row[prop_name=letter_spacing] .caption.Dropdown { width: 90px; } .row[prop_name=line_height] { margin-left: 24px; } .row[prop_name=letter_spacing] { float: right; } .section[section_name=Padding] .section-title { float: left; padding-top: 4px; } .section[section_name=Padding] .row { float: left; padding-top: 0; margin-left: 23px; } .section[section_name=Padding] .caption { width: 10px; } .section[section_name=Opacity] .row[prop_name=opacity] .editor input { width: 50px; text-align: right; padding-top: 5px; padding-right: 20px; } .section[section_name=Opacity] .row[prop_name=opacity] .body { position: relative; } .section[section_name=Opacity] .row[prop_name=opacity] .body:after { content: " %"; position: absolute; right: 0; margin: 6px; color: rgba(255, 255, 255, 0.48); pointer-events: none; } .section[section_name=Background] .row[prop_name=prop_background_color_if_empty_image] .caption, .section[section_name=Background] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption, .section[section_name=BackdropBackground] .row[prop_name=prop_background_color_if_empty_image] .caption, .section[section_name=BackdropBackground] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption, .section[section_name=ButtonBackground] .row[prop_name=prop_background_color_if_empty_image] .caption, .section[section_name=ButtonBackground] .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption, .row[prop_name=stripes] .entry .row[prop_name=prop_background_color_if_empty_image] .caption, .row[prop_name=stripes] .entry .row[prop_name=backdrop_prop_background_color_if_empty_image] .caption { width: 168px; } .section[section_name=Background] .row[prop_name=image_normal] .caption, .section[section_name=Background] .row[prop_name=image_hover] .caption, .section[section_name=Background] .row[prop_name=image_pressed] .caption, .section[section_name=BackdropBackground] .row[prop_name=image_normal] .caption, .section[section_name=BackdropBackground] .row[prop_name=image_hover] .caption, .section[section_name=BackdropBackground] .row[prop_name=image_pressed] .caption, .section[section_name=ButtonBackground] .row[prop_name=image_normal] .caption, .section[section_name=ButtonBackground] .row[prop_name=image_hover] .caption, .section[section_name=ButtonBackground] .row[prop_name=image_pressed] .caption, .row[prop_name=stripes] .entry .row[prop_name=image_normal] .caption, .row[prop_name=stripes] .entry .row[prop_name=image_hover] .caption, .row[prop_name=stripes] .entry .row[prop_name=image_pressed] .caption { width: 104px; } .row[prop_name=information] { clear: both; } .row[prop_name=information] .editor.label { color: rgba(255, 255, 255, 0.72); } .row[prop_name=information] .editor.label .label.clickable { cursor: pointer; } .row[prop_name=information] .editor.label .label.clickable:hover { color: white; } .row[prop_name=collapse_when_hidden] { clear: both; } .row[prop_name=collapse_when_hidden] .editor.label { color: rgba(255, 255, 255, 0.72); } .section[section_name=Border] .row[prop_name=border_style], .section[section_name=Border] .row[prop_name=border_style_top], .section[section_name=Border] .row[prop_name=border_style_left], .section[section_name=Border] .row[prop_name=border_style_bottom], .section[section_name=Border] .row[prop_name=border_style_right], .row[prop_name=stripes] .entry .row[prop_name=border_style], .row[prop_name=stripes] .entry .row[prop_name=border_style_top], .row[prop_name=stripes] .entry .row[prop_name=border_style_left], .row[prop_name=stripes] .entry .row[prop_name=border_style_bottom], .row[prop_name=stripes] .entry .row[prop_name=border_style_right] { width: 165px; } .section[section_name=Border] .row[prop_name=border_style] .caption, .section[section_name=Border] .row[prop_name=border_style_top] .caption, .section[section_name=Border] .row[prop_name=border_style_left] .caption, .section[section_name=Border] .row[prop_name=border_style_bottom] .caption, .section[section_name=Border] .row[prop_name=border_style_right] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_style] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_style_top] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_style_left] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_style_bottom] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_style_right] .caption { width: 150px; margin-right: 1px; } .section[section_name=Border] .row[prop_name=border_style] .body, .section[section_name=Border] .row[prop_name=border_style_top] .body, .section[section_name=Border] .row[prop_name=border_style_left] .body, .section[section_name=Border] .row[prop_name=border_style_bottom] .body, .section[section_name=Border] .row[prop_name=border_style_right] .body, .row[prop_name=stripes] .entry .row[prop_name=border_style] .body, .row[prop_name=stripes] .entry .row[prop_name=border_style_top] .body, .row[prop_name=stripes] .entry .row[prop_name=border_style_left] .body, .row[prop_name=stripes] .entry .row[prop_name=border_style_bottom] .body, .row[prop_name=stripes] .entry .row[prop_name=border_style_right] .body { float: left; margin-top: 10px; } .section[section_name=Border] .row[prop_name=border_roundness], .section[section_name=Border] .row[prop_name=border_roundness_top], .section[section_name=Border] .row[prop_name=border_roundness_left], .section[section_name=Border] .row[prop_name=border_roundness_bottom], .section[section_name=Border] .row[prop_name=border_roundness_right], .row[prop_name=stripes] .entry .row[prop_name=border_roundness], .row[prop_name=stripes] .entry .row[prop_name=border_roundness_top], .row[prop_name=stripes] .entry .row[prop_name=border_roundness_left], .row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom], .row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] { width: 87px; padding-top: 10px; float: right; } .section[section_name=Border] .row[prop_name=border_roundness] .caption, .section[section_name=Border] .row[prop_name=border_roundness_top] .caption, .section[section_name=Border] .row[prop_name=border_roundness_left] .caption, .section[section_name=Border] .row[prop_name=border_roundness_bottom] .caption, .section[section_name=Border] .row[prop_name=border_roundness_right] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_roundness] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_top] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_left] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] .caption { width: 120px; overflow: hidden; } .section[section_name=Border] .row[prop_name=border_roundness] .body, .section[section_name=Border] .row[prop_name=border_roundness_top] .body, .section[section_name=Border] .row[prop_name=border_roundness_left] .body, .section[section_name=Border] .row[prop_name=border_roundness_bottom] .body, .section[section_name=Border] .row[prop_name=border_roundness_right] .body, .row[prop_name=stripes] .entry .row[prop_name=border_roundness] .body, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_top] .body, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_left] .body, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_bottom] .body, .row[prop_name=stripes] .entry .row[prop_name=border_roundness_right] .body { float: left; margin-top: 10px; } .section[section_name=Border] .row[prop_name=border_width], .section[section_name=Border] .row[prop_name=border_width_top], .section[section_name=Border] .row[prop_name=border_width_left], .section[section_name=Border] .row[prop_name=border_width_bottom], .section[section_name=Border] .row[prop_name=border_width_right], .row[prop_name=stripes] .entry .row[prop_name=border_width], .row[prop_name=stripes] .entry .row[prop_name=border_width_top], .row[prop_name=stripes] .entry .row[prop_name=border_width_left], .row[prop_name=stripes] .entry .row[prop_name=border_width_bottom], .row[prop_name=stripes] .entry .row[prop_name=border_width_right] { clear: both; } .section[section_name=Border] .row[prop_name=border_width] .caption, .section[section_name=Border] .row[prop_name=border_width_top] .caption, .section[section_name=Border] .row[prop_name=border_width_left] .caption, .section[section_name=Border] .row[prop_name=border_width_bottom] .caption, .section[section_name=Border] .row[prop_name=border_width_right] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_width] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_width_top] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_width_left] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_width_bottom] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_width_right] .caption { width: 62px; } .section[section_name=Border] .row[prop_name=border_width] .body, .section[section_name=Border] .row[prop_name=border_width_top] .body, .section[section_name=Border] .row[prop_name=border_width_left] .body, .section[section_name=Border] .row[prop_name=border_width_bottom] .body, .section[section_name=Border] .row[prop_name=border_width_right] .body, .row[prop_name=stripes] .entry .row[prop_name=border_width] .body, .row[prop_name=stripes] .entry .row[prop_name=border_width_top] .body, .row[prop_name=stripes] .entry .row[prop_name=border_width_left] .body, .row[prop_name=stripes] .entry .row[prop_name=border_width_bottom] .body, .row[prop_name=stripes] .entry .row[prop_name=border_width_right] .body { float: left; } .section[section_name=Border] .row[prop_name=border_color], .section[section_name=Border] .row[prop_name=border_color_top], .section[section_name=Border] .row[prop_name=border_color_left], .section[section_name=Border] .row[prop_name=border_color_bottom], .section[section_name=Border] .row[prop_name=border_color_right], .row[prop_name=stripes] .entry .row[prop_name=border_color], .row[prop_name=stripes] .entry .row[prop_name=border_color_top], .row[prop_name=stripes] .entry .row[prop_name=border_color_left], .row[prop_name=stripes] .entry .row[prop_name=border_color_bottom], .row[prop_name=stripes] .entry .row[prop_name=border_color_right] { float: left; } .section[section_name=Border] .row[prop_name=border_color] .caption, .section[section_name=Border] .row[prop_name=border_color_top] .caption, .section[section_name=Border] .row[prop_name=border_color_left] .caption, .section[section_name=Border] .row[prop_name=border_color_bottom] .caption, .section[section_name=Border] .row[prop_name=border_color_right] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_color] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_color_top] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_color_left] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_color_bottom] .caption, .row[prop_name=stripes] .entry .row[prop_name=border_color_right] .caption { width: 62px; } .section[section_name=Border] .row[prop_name=border_color] .body, .section[section_name=Border] .row[prop_name=border_color_top] .body, .section[section_name=Border] .row[prop_name=border_color_left] .body, .section[section_name=Border] .row[prop_name=border_color_bottom] .body, .section[section_name=Border] .row[prop_name=border_color_right] .body, .row[prop_name=stripes] .entry .row[prop_name=border_color] .body, .row[prop_name=stripes] .entry .row[prop_name=border_color_top] .body, .row[prop_name=stripes] .entry .row[prop_name=border_color_left] .body, .row[prop_name=stripes] .entry .row[prop_name=border_color_bottom] .body, .row[prop_name=stripes] .entry .row[prop_name=border_color_right] .body { float: left; } .section[section_name=Boxshadow] .row[prop_name=textshadow_blur], .row[prop_name=stripes] .entry .row[prop_name=textshadow_blur], .section[section_name=FontShadow] .row[prop_name=textshadow_blur] { clear: both; } .section[section_name=Boxshadow] .row[prop_name=textshadow_blur] .body, .row[prop_name=stripes] .entry .row[prop_name=textshadow_blur] .body, .section[section_name=FontShadow] .row[prop_name=textshadow_blur] .body { float: left; } .section[section_name=RepeatingGroupLayout] .row[prop_name=rows], .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_style], .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_color] { clear: both; } .section[section_name=RepeatingGroupLayout] .row[prop_name=rows] .caption, .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_style] .caption, .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_color] .caption { width: 56px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=rows] { margin-right: 7px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=columns] { float: left; } .section[section_name=RepeatingGroupLayout] .row[prop_name=columns] .caption { width: 55px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=cell_min_width] .caption, .section[section_name=RepeatingGroupLayout] .row[prop_name=max_width] .caption { width: 233px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=cell_min_width] input, .section[section_name=RepeatingGroupLayout] .row[prop_name=max_width] input { width: 60px !important; } .section[section_name=RepeatingGroupLayout] .row[prop_name=auto_fit_row], .section[section_name=RepeatingGroupLayout] .row[prop_name=auto_fit_column] { padding-top: 0px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] { float: right; } .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] .caption { width: 54px; } .section[section_name=RepeatingGroupLayout] .row[prop_name=separator_width] .body { float: right; } .section[section_name=TableGroupLayout] .row[prop_name=rows], .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_style], .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_style], .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_color], .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_color] { clear: both; } .section[section_name=TableGroupLayout] .row[prop_name=rows] .caption, .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_style] .caption, .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_style] .caption, .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_color] .caption, .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_color] .caption { width: 56px; } .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width], .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] { float: right; } .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width] .caption, .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] .caption { width: 54px; } .section[section_name=TableGroupLayout] .row[prop_name=vertical_separator_width] .body, .section[section_name=TableGroupLayout] .row[prop_name=horizontal_separator_width] .body { float: right; } .section[section_name=SnapPoints] .row[prop_name=default_snap_label] { margin-top: 8px; } .section[section_name=SnapPoints] .row[prop_name=default_snap_value] .NumberBox { width: 112px; margin-right: 8px; } .section[section_name=SnapPoints] .row[prop_name=snap_label] { margin-top: 8px; } .section[section_name=SnapPoints] .row[prop_name=snap_value] { padding-top: 0px; } .section[section_name=SnapPoints] .row[prop_name=snap_value] .NumberBox { width: 71px; margin-right: 8px; } .section[section_name=SnapPoints] .row[prop_name=snap_layout] { padding-top: 0px; } .section[section_name=SnapPoints] .editor.label { width: 130px; } .section[section_name=SnapPoints] .remove-entry { margin-top: 6px; margin-left: 16px; } .section[section_name=ListProperties] .row[prop_name=exact_selection] .caption { width: 222px; } .section[section_name=ListProperties] .row[prop_name=exact_selection] .NumberBox { width: 72px; } .section[section_name=ListProperties] .row[prop_name=range_label] { margin-top: 8px; } .section[section_name=ListProperties] .row[prop_name=range_selection_min] { margin-left: 35px; } .section[section_name=ListProperties] .row[prop_name=range_selection_min] .NumberBox { width: 80px; margin-right: 8px; padding: 8px; } .section[section_name=ListProperties] .row[prop_name=range_selection_max] .NumberBox { width: 80px; padding: 8px; } textarea.MultilineTextBox.property-editor-control { width: 299px; cursor: text; overflow: auto; resize: none; outline: none; min-height: 60px; } .property-editor-control.composer-slider { width: 200px; cursor: pointer; outline: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .property-editor-control.composer-slider .ui-slider-handle { cursor: pointer; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .section[section_name=InputContent] .row[prop_name=choices] .caption, .section[section_name=InputContent] .row[prop_name=meta_description] .caption, .section[section_name=InputContent] .row[prop_name=options] .caption, .section[section_name=InputContent] .row[prop_name=formatting_for_true] .caption, .section[section_name=InputContent] .row[prop_name=formatting_for_false] .caption, .section[section_name=InputContent] .row[prop_name=custom_style] .caption, .section[section_name=SearchEngineData] .row[prop_name=choices] .caption, .section[section_name=SearchEngineData] .row[prop_name=meta_description] .caption, .section[section_name=SearchEngineData] .row[prop_name=options] .caption, .section[section_name=SearchEngineData] .row[prop_name=formatting_for_true] .caption, .section[section_name=SearchEngineData] .row[prop_name=formatting_for_false] .caption, .section[section_name=SearchEngineData] .row[prop_name=custom_style] .caption, .slidable-palette .row[prop_name=choices] .caption, .slidable-palette .row[prop_name=meta_description] .caption, .slidable-palette .row[prop_name=options] .caption, .slidable-palette .row[prop_name=formatting_for_true] .caption, .slidable-palette .row[prop_name=formatting_for_false] .caption, .slidable-palette .row[prop_name=custom_style] .caption, .section[section_name=MapFormat] .row[prop_name=choices] .caption, .section[section_name=MapFormat] .row[prop_name=meta_description] .caption, .section[section_name=MapFormat] .row[prop_name=options] .caption, .section[section_name=MapFormat] .row[prop_name=formatting_for_true] .caption, .section[section_name=MapFormat] .row[prop_name=formatting_for_false] .caption, .section[section_name=MapFormat] .row[prop_name=custom_style] .caption, .rows[node_type=MultiLineInput] .row[prop_name=choices] .caption, .rows[node_type=MultiLineInput] .row[prop_name=meta_description] .caption, .rows[node_type=MultiLineInput] .row[prop_name=options] .caption, .rows[node_type=MultiLineInput] .row[prop_name=formatting_for_true] .caption, .rows[node_type=MultiLineInput] .row[prop_name=formatting_for_false] .caption, .rows[node_type=MultiLineInput] .row[prop_name=custom_style] .caption { width: 265px; } .section[section_name=InputContent] .row[prop_name=choices] .body, .section[section_name=InputContent] .row[prop_name=formatting_for_true] .body, .section[section_name=InputContent] .row[prop_name=formatting_for_false] .body, .section[section_name=InputContent] .row[prop_name=custom_style] .body, .section[section_name=SearchEngineData] .row[prop_name=choices] .body, .section[section_name=SearchEngineData] .row[prop_name=formatting_for_true] .body, .section[section_name=SearchEngineData] .row[prop_name=formatting_for_false] .body, .section[section_name=SearchEngineData] .row[prop_name=custom_style] .body, .slidable-palette .row[prop_name=choices] .body, .slidable-palette .row[prop_name=formatting_for_true] .body, .slidable-palette .row[prop_name=formatting_for_false] .body, .slidable-palette .row[prop_name=custom_style] .body, .section[section_name=MapFormat] .row[prop_name=choices] .body, .section[section_name=MapFormat] .row[prop_name=formatting_for_true] .body, .section[section_name=MapFormat] .row[prop_name=formatting_for_false] .body, .section[section_name=MapFormat] .row[prop_name=custom_style] .body, .rows[node_type=MultiLineInput] .row[prop_name=choices] .body, .rows[node_type=MultiLineInput] .row[prop_name=formatting_for_true] .body, .rows[node_type=MultiLineInput] .row[prop_name=formatting_for_false] .body, .rows[node_type=MultiLineInput] .row[prop_name=custom_style] .body { float: left; } .section[section_name=InputContent] .row[prop_name=show_icon] .caption, .section[section_name=SearchEngineData] .row[prop_name=show_icon] .caption, .slidable-palette .row[prop_name=show_icon] .caption, .section[section_name=MapFormat] .row[prop_name=show_icon] .caption, .rows[node_type=MultiLineInput] .row[prop_name=show_icon] .caption { width: 125px; height: 27px; } .section[section_name=InputContent] .row[prop_name=icon_color] .body, .section[section_name=SearchEngineData] .row[prop_name=icon_color] .body, .slidable-palette .row[prop_name=icon_color] .body, .section[section_name=MapFormat] .row[prop_name=icon_color] .body, .rows[node_type=MultiLineInput] .row[prop_name=icon_color] .body { margin-top: 7px; } .section[section_name=InputContent] .row[prop_name=min_range_value], .section[section_name=InputContent] .row[prop_name=max_range_value] { padding-top: 10px; } .section[section_name=Stripes] { border-bottom: none; } .section[section_name=Stripes]:last-child { padding-top: 0; } .row[prop_name=stripes] .entry { margin-top: 5px; float: left; clear: both; } .row[prop_name=stripes] .row[prop_name=stripe_height] { padding-top: 2px; } .row[prop_name=stripes] .row[prop_name=floating] .caption { width: 95px; } .row[prop_name=stripes] .row[prop_name=floating] .component-checkbox { margin-top: 4px; margin-bottom: 8px; } .row[prop_name=stripes] .row[prop_name=floating_reference] { float: right; } .row[prop_name=stripes] .new-entry-container:first-child { margin-top: 0; } .row[prop_name=stripes] .new-entry-container { background-color: transparent; border-bottom: none; padding-bottom: 0; padding-top: 0; margin-top: 10px; } .row[prop_name=stripes] .new-entry-container .new-entry { border: 1px solid #707679; } .row[prop_name=stripes] .row[prop_name=background_style], .row[prop_name=stripes] .row[prop_name=boxshadow_style] { padding-top: 10px; } .row[prop_name=stripes] .remover-entry-container { margin-bottom: 0px; } .row[prop_name=stripes] .remover-entry-container, .row[prop_name=groupings] .remover-entry-container, .row[prop_name=aggregations] .remover-entry-container { padding-bottom: 4px; border-bottom: 1px solid #595f62; clear: both; width: 300px; } .row[prop_name=stripes] .remover-entry-container .remove-entry, .row[prop_name=stripes] .remover-entry-container .move-up, .row[prop_name=stripes] .remover-entry-container .move-down, .row[prop_name=groupings] .remover-entry-container .remove-entry, .row[prop_name=groupings] .remover-entry-container .move-up, .row[prop_name=groupings] .remover-entry-container .move-down, .row[prop_name=aggregations] .remover-entry-container .remove-entry, .row[prop_name=aggregations] .remover-entry-container .move-up, .row[prop_name=aggregations] .remover-entry-container .move-down { margin-top: 5px; margin-right: 0px; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #9ba1a5; font-size: 12px; } .row[prop_name=stripes] .remover-entry-container .remove-entry:hover, .row[prop_name=stripes] .remover-entry-container .move-up:hover, .row[prop_name=stripes] .remover-entry-container .move-down:hover, .row[prop_name=groupings] .remover-entry-container .remove-entry:hover, .row[prop_name=groupings] .remover-entry-container .move-up:hover, .row[prop_name=groupings] .remover-entry-container .move-down:hover, .row[prop_name=aggregations] .remover-entry-container .remove-entry:hover, .row[prop_name=aggregations] .remover-entry-container .move-up:hover, .row[prop_name=aggregations] .remover-entry-container .move-down:hover { color: white; } .row[prop_name=stripes] .remover-entry-container .remove-entry:before, .row[prop_name=groupings] .remover-entry-container .remove-entry:before, .row[prop_name=aggregations] .remover-entry-container .remove-entry:before { content: ""; } .row[prop_name=stripes] .remover-entry-container .move-up:before, .row[prop_name=groupings] .remover-entry-container .move-up:before, .row[prop_name=aggregations] .remover-entry-container .move-up:before { content: ""; } .row[prop_name=stripes] .remover-entry-container .move-down:before, .row[prop_name=groupings] .remover-entry-container .move-down:before, .row[prop_name=aggregations] .remover-entry-container .move-down:before { content: ""; } .row[prop_name=stripes] .remover-entry-container .move-up, .row[prop_name=stripes] .remover-entry-container .move-down, .row[prop_name=groupings] .remover-entry-container .move-up, .row[prop_name=groupings] .remover-entry-container .move-down, .row[prop_name=aggregations] .remover-entry-container .move-up, .row[prop_name=aggregations] .remover-entry-container .move-down { margin-right: 15px; } .row[prop_name=icon] button.IconInput.btn, .row[prop_name=selected_icon] button.IconInput.btn { cursor: pointer; width: 168px; font-size: 12px; font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #525759; color: white; border: none; height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 1px 6px; } .row[prop_name=icon] button.IconInput.btn.bubble-ui, .row[prop_name=selected_icon] button.IconInput.btn.bubble-ui { padding: 7px; } .row[prop_name=icon] button.IconInput.btn .button-caption, .row[prop_name=selected_icon] button.IconInput.btn .button-caption { float: left; margin-left: 13px; } .row[prop_name=icon] button.IconInput.btn input, .row[prop_name=selected_icon] button.IconInput.btn input { width: 145px; border: none; } .row[prop_name=icon] button.IconInput.btn:hover, .row[prop_name=icon] button.IconInput.btn.selected, .row[prop_name=selected_icon] button.IconInput.btn:hover, .row[prop_name=selected_icon] button.IconInput.btn.selected { background-color: #424242; } .row[prop_name=icon] button.IconInput.btn i, .row[prop_name=selected_icon] button.IconInput.btn i { font-size: 17px; margin-left: 15px; float: left; height: 18px; } .row[prop_name=icon] button.IconInput.btn.new-icon-library, .row[prop_name=selected_icon] button.IconInput.btn.new-icon-library { display: flex; flex-direction: row; align-items: center; justify-content: start; } .row[prop_name=icon] button.IconInput.btn.new-icon-library i, .row[prop_name=selected_icon] button.IconInput.btn.new-icon-library i { margin-left: 0px; } .row[prop_name=icon] button.IconInput.btn.new-icon-library .button-caption, .row[prop_name=selected_icon] button.IconInput.btn.new-icon-library .button-caption { overflow: hidden; text-overflow: ellipsis; margin-left: 8px; text-wrap: nowrap; } .section[section_name=TabIcon], .section[section_name=TabText] { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; } .section[section_name=TabIcon] .row, .section[section_name=TabText] .row { padding: 0; width: 100px; flex-grow: 1; } .section[section_name=TabIcon] .row.has-caption > .prop-row-contents, .section[section_name=TabText] .row.has-caption > .prop-row-contents { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .section[section_name=TabIcon] .row .btn.IconInput, .section[section_name=TabText] .row .btn.IconInput { width: 100%; padding-top: 2px; } .section[section_name=TabIcon] .row .composer-color, .section[section_name=TabText] .row .composer-color { width: 100%; } .section[section_name=TabIcon] .row .body, .section[section_name=TabText] .row .body { margin: 0; width: 100%; } .section[section_name=TabIcon] .row[prop_name=text], .section[section_name=TabText] .row[prop_name=text] { width: 100%; } .section[section_name=TabIcon] .row[prop_name=text] .body .TextBox, .section[section_name=TabText] .row[prop_name=text] .body .TextBox { width: 100%; } .row[prop_name=floating_reference], .row[prop_name=floating_reference_horizontal], .row[prop_name=floating_reference_horizontal_resp] { float: right; } .row[prop_name=floating_reference] .caption, .row[prop_name=floating_reference_horizontal] .caption, .row[prop_name=floating_reference_horizontal_resp] .caption { width: 213px; } .row[prop_name=control_color_vimeo] .editor.color { float: right; } .row[prop_name=crop_data] .standard-btn { width: 168px; height: 30px; padding-top: 4px; } .row[prop_name=crop_data] .button-crop-image:before { content: "\f125"; font-family: "FontAwesome"; color: white; font-size: 13px; margin-right: 11px; } .composer-cssdimension { height: 30px; width: 72px; padding: 6px 0px 6px 7px; margin: 0; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #525759; border: 1px solid transparent; } .composer-cssdimension .composer-input.number-input { width: 33px; } .composer-cssdimension .dropdown-arrow { color: rgba(255, 255, 255, 0.72); width: 30px; height: 22px; float: right; cursor: pointer; } .composer-cssdimension .dropdown-arrow:before { content: "\ea16"; font-family: "r-bubble"; text-align: left; font-size: 30px; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .composer-cssdimension .dropdown-arrow.unit-pixel:before { content: "\ea1a"; } .composer-cssdimension .dropdown-arrow:hover { color: white; } .composer-cssdimension:hover, .composer-cssdimension.selected, .composer-cssdimension:first-child:hover, .composer-cssdimension.optional.selected, .composer-cssdimension.mandatory.selected { background-color: #424242; color: white; border: 1px solid transparent; } .composer-cssdimension:hover:before, .composer-cssdimension.selected:before, .composer-cssdimension:first-child:hover:before, .composer-cssdimension.optional.selected:before, .composer-cssdimension.mandatory.selected:before { color: #ffffff; } .composer-cssdimension:hover input, .composer-cssdimension.selected input, .composer-cssdimension:first-child:hover input, .composer-cssdimension.optional.selected input, .composer-cssdimension.mandatory.selected input { background-color: transparent; } .composer-cssdimension:hover.empty.mandatory, .composer-cssdimension.selected.empty.mandatory, .composer-cssdimension:first-child:hover.empty.mandatory, .composer-cssdimension.optional.selected.empty.mandatory, .composer-cssdimension.mandatory.selected.empty.mandatory { border: 1px solid #f91d56; } .composer-cssdimension.empty:before { margin-left: 0; } .composer-cssdimension input.composer-input.number-input, .composer-cssdimension input.composer-input.text-input { border: none; padding-left: 0px; margin-top: 0px; color: white; } .composer-cssdimension input.composer-input.number-input:focus, .composer-cssdimension input.composer-input.text-input:focus { background-color: transparent; } .composer-cssdimension input.composer-input.number-input::placeholder, .composer-cssdimension input.composer-input.text-input::placeholder { color: rgba(255, 255, 255, 0.48); } .composer-cssdimension input.composer-input.number-input:-ms-input-placeholder, .composer-cssdimension input.composer-input.text-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.48); } .composer-cssdimension input.composer-input.number-input::-ms-input-placeholder, .composer-cssdimension input.composer-input.text-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.48); } .composer-cssdimension.bubble-ui { background-color: #ffffff; border: 1px solid #e1e1e1; } .composer-cssdimension.bubble-ui:hover { background-color: #ffffff; border: 1px solid #e1e1e1; } input.NumberBox::placeholder { color: rgba(255, 255, 255, 0.48); } .row[prop_name=horiz_alignment] { clear: both; width: 100%; } .row[prop_name=horiz_alignment] .body { float: right; } .row[prop_name=horiz_alignment] .button:before { font-family: "r-bubble"; font-size: 16px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row[prop_name=horiz_alignment] .button:not(.selected):before { color: rgba(255, 255, 255, 0.48); } .row[prop_name=horiz_alignment] .button[data-button-value=flex-start]:before { content: "\ea13"; } .row[prop_name=horiz_alignment] .button[data-button-value=center]:before { content: "\ea14"; } .row[prop_name=horiz_alignment] .button[data-button-value=flex-end]:before { content: "\ea0f"; } .row[prop_name=horiz_alignment] .button[data-button-value=stretch]:before { content: "\ea0e"; } .row[prop_name=vert_alignment] { clear: both; width: 100%; } .row[prop_name=vert_alignment] .body { float: right; } .row[prop_name=vert_alignment] .button:before { font-family: "r-bubble"; font-size: 16px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row[prop_name=vert_alignment] .button:not(.selected):before { color: rgba(255, 255, 255, 0.48); } .row[prop_name=vert_alignment] .button[data-button-value=flex-start]:before { content: "\ea10"; } .row[prop_name=vert_alignment] .button[data-button-value=center]:before { content: "\ea12"; } .row[prop_name=vert_alignment] .button[data-button-value=flex-end]:before { content: "\ea0d"; } .row[prop_name=vert_alignment] .button[data-button-value=stretch]:before { content: "\ea11"; } .row[prop_name=container_horiz_alignment], .row[prop_name=button_horiz_alignment], .row[prop_name=checkbox_horiz_alignment] { clear: both; width: 100%; } .row[prop_name=container_horiz_alignment] .button:before, .row[prop_name=button_horiz_alignment] .button:before, .row[prop_name=checkbox_horiz_alignment] .button:before { font-family: "r-bubble"; font-size: 16px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row[prop_name=container_horiz_alignment] .button:not(.selected):before, .row[prop_name=button_horiz_alignment] .button:not(.selected):before, .row[prop_name=checkbox_horiz_alignment] .button:not(.selected):before { color: rgba(255, 255, 255, 0.48); } .row[prop_name=container_horiz_alignment] .button[data-button-value=flex-start]:before, .row[prop_name=button_horiz_alignment] .button[data-button-value=flex-start]:before, .row[prop_name=checkbox_horiz_alignment] .button[data-button-value=flex-start]:before { content: "\ea13"; } .row[prop_name=container_horiz_alignment] .button[data-button-value=center]:before, .row[prop_name=button_horiz_alignment] .button[data-button-value=center]:before, .row[prop_name=checkbox_horiz_alignment] .button[data-button-value=center]:before { content: "\ea14"; } .row[prop_name=container_horiz_alignment] .button[data-button-value=flex-end]:before, .row[prop_name=button_horiz_alignment] .button[data-button-value=flex-end]:before, .row[prop_name=checkbox_horiz_alignment] .button[data-button-value=flex-end]:before { content: "\ea0f"; } .row[prop_name=container_horiz_alignment] .button[data-button-value=space-around]:before, .row[prop_name=button_horiz_alignment] .button[data-button-value=space-around]:before, .row[prop_name=checkbox_horiz_alignment] .button[data-button-value=space-around]:before { content: "\ea0c"; } .row[prop_name=container_horiz_alignment] .button[data-button-value=space-between]:before, .row[prop_name=button_horiz_alignment] .button[data-button-value=space-between]:before, .row[prop_name=checkbox_horiz_alignment] .button[data-button-value=space-between]:before { content: "\ea0b"; } .row[prop_name=container_vert_alignment], .row[prop_name=button_vert_alignment], .row[prop_name=button_single_item_vert_alignment], .row[prop_name=checkbox_vert_alignment] { clear: both; width: 100%; } .row[prop_name=container_vert_alignment] .button:before, .row[prop_name=button_vert_alignment] .button:before, .row[prop_name=button_single_item_vert_alignment] .button:before, .row[prop_name=checkbox_vert_alignment] .button:before { font-family: "r-bubble"; font-size: 16px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row[prop_name=container_vert_alignment] .button:not(.selected):before, .row[prop_name=button_vert_alignment] .button:not(.selected):before, .row[prop_name=button_single_item_vert_alignment] .button:not(.selected):before, .row[prop_name=checkbox_vert_alignment] .button:not(.selected):before { color: rgba(255, 255, 255, 0.48); } .row[prop_name=container_vert_alignment] .button[data-button-value=flex-start]:before, .row[prop_name=button_vert_alignment] .button[data-button-value=flex-start]:before, .row[prop_name=button_single_item_vert_alignment] .button[data-button-value=flex-start]:before, .row[prop_name=checkbox_vert_alignment] .button[data-button-value=flex-start]:before { content: "\ea10"; } .row[prop_name=container_vert_alignment] .button[data-button-value=center]:before, .row[prop_name=button_vert_alignment] .button[data-button-value=center]:before, .row[prop_name=button_single_item_vert_alignment] .button[data-button-value=center]:before, .row[prop_name=checkbox_vert_alignment] .button[data-button-value=center]:before { content: "\ea12"; } .row[prop_name=container_vert_alignment] .button[data-button-value=flex-end]:before, .row[prop_name=button_vert_alignment] .button[data-button-value=flex-end]:before, .row[prop_name=button_single_item_vert_alignment] .button[data-button-value=flex-end]:before, .row[prop_name=checkbox_vert_alignment] .button[data-button-value=flex-end]:before { content: "\ea0d"; } .row[prop_name=container_vert_alignment] .button[data-button-value=space-around]:before, .row[prop_name=button_vert_alignment] .button[data-button-value=space-around]:before, .row[prop_name=button_single_item_vert_alignment] .button[data-button-value=space-around]:before, .row[prop_name=checkbox_vert_alignment] .button[data-button-value=space-around]:before { content: "\ea0c"; transform: rotate(90deg); } .row[prop_name=container_vert_alignment] .button[data-button-value=space-between]:before, .row[prop_name=button_vert_alignment] .button[data-button-value=space-between]:before, .row[prop_name=button_single_item_vert_alignment] .button[data-button-value=space-between]:before, .row[prop_name=checkbox_vert_alignment] .button[data-button-value=space-between]:before { content: "\ea0b"; transform: rotate(90deg); } .row[prop_name=nonant_alignment] { clear: both; width: 100%; } .row[prop_name=nonant_alignment] .body { float: none; clear: left; margin-left: auto; margin-right: auto; width: 90px; } .row[prop_name=nonant_alignment] .composer-dropdown-button { background: none; } .row[prop_name=nonant_alignment] .button { margin: 0; float: left; } .row[prop_name=nonant_alignment] .button:before { font-family: "r-bubble"; font-size: 16px; text-align: center; padding-top: 6px; height: 30px; box-sizing: border-box; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .row[prop_name=nonant_alignment] .button:not(.selected):before { color: rgba(255, 255, 255, 0.48); } .row[prop_name=nonant_alignment] .button[data-button-value=aa]:before { content: "\ea0a"; } .row[prop_name=nonant_alignment] .button[data-button-value=ba]:before { content: "\ea02"; } .row[prop_name=nonant_alignment] .button[data-button-value=ca]:before { content: "\ea09"; } .row[prop_name=nonant_alignment] .button[data-button-value=ab]:before { content: "\ea07"; } .row[prop_name=nonant_alignment] .button[data-button-value=bb]:before { content: "\ea05"; } .row[prop_name=nonant_alignment] .button[data-button-value=cb]:before { content: "\ea06"; } .row[prop_name=nonant_alignment] .button[data-button-value=ac]:before { content: "\ea04"; } .row[prop_name=nonant_alignment] .button[data-button-value=bc]:before { content: "\ea08"; } .row[prop_name=nonant_alignment] .button[data-button-value=cc]:before { content: "\ea03"; } .section[section_name=ResponsiveContainer] .row[prop_name=row_caption] { clear: both; } .section[section_name=ResponsiveContainer] .row[prop_name=row_caption] .editor.label { color: #ffffff; } .section[section_name=ResponsiveContainer] .row[prop_name=row_caption] .editor.label .label:before { content: ""; width: 10px; height: 10px; border-radius: 10px; background: #29b937; display: inline-block; margin-right: 5px; vertical-align: baseline; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] { clear: both; width: 100%; position: relative; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label { color: #ffffff; width: 100%; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label { width: 100%; height: auto; text-align: end; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label:before { content: "Parent container type"; width: 100%; position: absolute; left: 0; top: 0; height: 100%; text-align: initial; color: #ffffff; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label:after { content: " (edit)"; text-align: end; color: #b3bbbf; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label.clickable { cursor: pointer; } .section[section_name=Responsive] .row[prop_name=parent_container_type_label] .editor.label .label.clickable:hover:after { color: white; } .section[section_name=Responsive] .row.tiny { float: left; width: 75px; height: 30px; margin-top: 12px; border: none; overflow: hidden; } .section[section_name=Responsive] .row.tiny .standard-btn { border-radius: 0px; width: 75px; height: 30px; background-color: #525759; line-height: 30px; text-align: center; } .section[section_name=Responsive] .row.tiny .standard-btn:hover { background-color: #424242; } .section[section_name=Responsive] .row.tiny[prop_name=flex_move_first] { border-radius: 2px 0px 0px 2px; } .section[section_name=Responsive] .row.tiny[prop_name=flex_move_last] { border-radius: 0px 2px 2px 0px; } .section[section_name=Responsive] .row[prop_name=fixed_width] { margin-left: 0px; margin-top: 10px; padding-top: 0px; } .section[section_name=Responsive] .row[prop_name=min_width_css], .section[section_name=Responsive] .row[prop_name=max_width_css], .section[section_name=Responsive] .row[prop_name=min_height_css], .section[section_name=Responsive] .row[prop_name=max_height_css] { padding-top: 10px; margin-left: 0px; width: 50%; float: left; } .section[section_name=Responsive] .row[prop_name=min_width_css] .caption, .section[section_name=Responsive] .row[prop_name=max_width_css] .caption, .section[section_name=Responsive] .row[prop_name=min_height_css] .caption, .section[section_name=Responsive] .row[prop_name=max_height_css] .caption { float: left; width: auto; } .section[section_name=Responsive] .row[prop_name=min_width_css] .body, .section[section_name=Responsive] .row[prop_name=max_width_css] .body, .section[section_name=Responsive] .row[prop_name=min_height_css] .body, .section[section_name=Responsive] .row[prop_name=max_height_css] .body { float: right; } .section[section_name=Responsive] .row[prop_name=min_width_css] .editor.staticnumber, .section[section_name=Responsive] .row[prop_name=min_width_css] .editor.staticnumber input, .section[section_name=Responsive] .row[prop_name=max_width_css] .editor.staticnumber, .section[section_name=Responsive] .row[prop_name=max_width_css] .editor.staticnumber input, .section[section_name=Responsive] .row[prop_name=min_height_css] .editor.staticnumber, .section[section_name=Responsive] .row[prop_name=min_height_css] .editor.staticnumber input, .section[section_name=Responsive] .row[prop_name=max_height_css] .editor.staticnumber, .section[section_name=Responsive] .row[prop_name=max_height_css] .editor.staticnumber input { width: 60px; } .section[section_name=Responsive] .row[prop_name=min_width_css], .section[section_name=Responsive] .row[prop_name=min_height_css] { padding-right: 10px; } .section[section_name=Responsive] .row[prop_name=min_width_css] .caption, .section[section_name=Responsive] .row[prop_name=min_height_css] .caption { margin-right: 5px; } .section[section_name=Responsive] .row[prop_name=max_width_css], .section[section_name=Responsive] .row[prop_name=max_height_css] { padding-left: 10px; } .section[section_name=Responsive] .row[prop_name=max_width_css] .caption, .section[section_name=Responsive] .row[prop_name=max_height_css] .caption { margin-right: 5px; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .editor.staticnumber input, .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .editor.staticnumber input { width: 72px; text-align: right; padding-left: 21px; padding-right: 6px; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body, .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body { position: relative; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body::after, .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body::after { position: absolute; left: 6px; top: 6px; color: #a4a4a4; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] { width: calc(100% - 95px); } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .caption { width: auto; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_width] .body::after { content: "W"; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] { width: 95px; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .caption { width: auto; margin-left: 8px; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_height] .body::after { content: "H"; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_warning] { clear: both; } .section[section_name=Responsive] .row[prop_name=aspect_ratio_warning] .editor.label { color: #8e8e8e; } .section[section_name=Margins], .section[section_name=PaddingFields] { display: flex; justify-content: space-between; } .section[section_name=Margins] .row[prop_name=margin_label], .section[section_name=Margins] .row[prop_name=padding_label], .section[section_name=PaddingFields] .row[prop_name=margin_label], .section[section_name=PaddingFields] .row[prop_name=padding_label] { clear: both; position: absolute; } .section[section_name=Margins] .row[prop_name=margin_label] .editor.label, .section[section_name=Margins] .row[prop_name=padding_label] .editor.label, .section[section_name=PaddingFields] .row[prop_name=margin_label] .editor.label, .section[section_name=PaddingFields] .row[prop_name=padding_label] .editor.label { color: #ffffff; } .section[section_name=Margins] .row[prop_name=disabled_margin_top], .section[section_name=PaddingFields] .row[prop_name=disabled_margin_top] { position: absolute; padding-top: 0px; margin-top: 26px; } .section[section_name=Margins] .row[prop_name=disabled_margin_top] .editor.label, .section[section_name=PaddingFields] .row[prop_name=disabled_margin_top] .editor.label { color: rgba(255, 255, 255, 0.72); font-size: 12px; } .section[section_name=Margins] .row[prop_name=padding_reset], .section[section_name=PaddingFields] .row[prop_name=padding_reset] { position: absolute; padding-top: 0px; right: 15px; } .section[section_name=Margins] .row[prop_name=padding_reset] .editor.label, .section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label { color: rgba(255, 255, 255, 0.48); } .section[section_name=Margins] .row[prop_name=padding_reset] .editor.label .label.clickable, .section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label .label.clickable { cursor: pointer; } .section[section_name=Margins] .row[prop_name=padding_reset] .editor.label .label.clickable:hover, .section[section_name=PaddingFields] .row[prop_name=padding_reset] .editor.label .label.clickable:hover { color: white; } .section[section_name=Margins] .row[prop_name=padding_edit_style], .section[section_name=PaddingFields] .row[prop_name=padding_edit_style] { position: absolute; padding-top: 0px; left: 74px; } .section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label, .section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label { color: rgba(255, 255, 255, 0.48); } .section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label .label.clickable, .section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label .label.clickable { cursor: pointer; } .section[section_name=Margins] .row[prop_name=padding_edit_style] .editor.label .label.clickable:hover, .section[section_name=PaddingFields] .row[prop_name=padding_edit_style] .editor.label .label.clickable:hover { color: white; } .section[section_name=Margins] .row[prop_name=margin_top] .prop-row-contents, .section[section_name=Margins] .row[prop_name=margin_left] .prop-row-contents, .section[section_name=Margins] .row[prop_name=margin_right] .prop-row-contents, .section[section_name=Margins] .row[prop_name=margin_bottom] .prop-row-contents, .section[section_name=Margins] .row[prop_name=padding_top] .prop-row-contents, .section[section_name=Margins] .row[prop_name=padding_left] .prop-row-contents, .section[section_name=Margins] .row[prop_name=padding_right] .prop-row-contents, .section[section_name=Margins] .row[prop_name=padding_bottom] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=margin_top] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=margin_left] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=margin_right] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=padding_top] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=padding_left] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=padding_right] .prop-row-contents, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .prop-row-contents { display: flex; flex-direction: column; align-items: flex-start; } .section[section_name=Margins] .row[prop_name=margin_top] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=margin_left] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=margin_right] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=margin_bottom] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=padding_top] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=padding_left] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=padding_right] .prop-row-contents .body, .section[section_name=Margins] .row[prop_name=padding_bottom] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=margin_top] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=margin_left] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=margin_right] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=padding_top] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=padding_left] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=padding_right] .prop-row-contents .body, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .prop-row-contents .body { cursor: not-allowed; } .section[section_name=Margins] .row[prop_name=margin_top] .editor input, .section[section_name=Margins] .row[prop_name=margin_left] .editor input, .section[section_name=Margins] .row[prop_name=margin_right] .editor input, .section[section_name=Margins] .row[prop_name=margin_bottom] .editor input, .section[section_name=Margins] .row[prop_name=padding_top] .editor input, .section[section_name=Margins] .row[prop_name=padding_left] .editor input, .section[section_name=Margins] .row[prop_name=padding_right] .editor input, .section[section_name=Margins] .row[prop_name=padding_bottom] .editor input, .section[section_name=PaddingFields] .row[prop_name=margin_top] .editor input, .section[section_name=PaddingFields] .row[prop_name=margin_left] .editor input, .section[section_name=PaddingFields] .row[prop_name=margin_right] .editor input, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .editor input, .section[section_name=PaddingFields] .row[prop_name=padding_top] .editor input, .section[section_name=PaddingFields] .row[prop_name=padding_left] .editor input, .section[section_name=PaddingFields] .row[prop_name=padding_right] .editor input, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .editor input { width: 66px; height: 30px; text-align: right; padding-right: 26px; } .section[section_name=Margins] .row[prop_name=margin_top] .body, .section[section_name=Margins] .row[prop_name=margin_left] .body, .section[section_name=Margins] .row[prop_name=margin_right] .body, .section[section_name=Margins] .row[prop_name=margin_bottom] .body, .section[section_name=Margins] .row[prop_name=padding_top] .body, .section[section_name=Margins] .row[prop_name=padding_left] .body, .section[section_name=Margins] .row[prop_name=padding_right] .body, .section[section_name=Margins] .row[prop_name=padding_bottom] .body, .section[section_name=PaddingFields] .row[prop_name=margin_top] .body, .section[section_name=PaddingFields] .row[prop_name=margin_left] .body, .section[section_name=PaddingFields] .row[prop_name=margin_right] .body, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .body, .section[section_name=PaddingFields] .row[prop_name=padding_top] .body, .section[section_name=PaddingFields] .row[prop_name=padding_left] .body, .section[section_name=PaddingFields] .row[prop_name=padding_right] .body, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .body { position: relative; } .section[section_name=Margins] .row[prop_name=margin_top] .body:after, .section[section_name=Margins] .row[prop_name=margin_left] .body:after, .section[section_name=Margins] .row[prop_name=margin_right] .body:after, .section[section_name=Margins] .row[prop_name=margin_bottom] .body:after, .section[section_name=Margins] .row[prop_name=padding_top] .body:after, .section[section_name=Margins] .row[prop_name=padding_left] .body:after, .section[section_name=Margins] .row[prop_name=padding_right] .body:after, .section[section_name=Margins] .row[prop_name=padding_bottom] .body:after, .section[section_name=PaddingFields] .row[prop_name=margin_top] .body:after, .section[section_name=PaddingFields] .row[prop_name=margin_left] .body:after, .section[section_name=PaddingFields] .row[prop_name=margin_right] .body:after, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .body:after, .section[section_name=PaddingFields] .row[prop_name=padding_top] .body:after, .section[section_name=PaddingFields] .row[prop_name=padding_left] .body:after, .section[section_name=PaddingFields] .row[prop_name=padding_right] .body:after, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .body:after { content: "px"; position: absolute; right: 0; margin: 6px; color: rgba(255, 255, 255, 0.48); pointer-events: none; } .section[section_name=Margins] .row[prop_name=margin_top] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=margin_left] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=margin_right] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=margin_bottom] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=padding_top] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=padding_left] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=padding_right] .caption.StaticNumber, .section[section_name=Margins] .row[prop_name=padding_bottom] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=margin_top] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=margin_left] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=margin_right] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=margin_bottom] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=padding_top] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=padding_left] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=padding_right] .caption.StaticNumber, .section[section_name=PaddingFields] .row[prop_name=padding_bottom] .caption.StaticNumber { width: auto; height: auto; margin: 0; padding-top: 15px; padding-bottom: 5px; color: rgba(255, 255, 255, 0.48); } .section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_top], .section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_left], .section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_right], .section[section_name=Margins]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_bottom], .section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_top], .section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_left], .section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_right], .section[section_name=PaddingFields]:has(.row:not(.hidden)[prop_name=disabled_margin_top]) .row[prop_name=margin_bottom] { padding-top: 42px; } .section[section_name=SizingPreviews] .row { float: left; padding-top: 0px; width: 50%; } .section[section_name=SizingPreviews] .row .body { width: 100%; } .section[section_name=SizingPreviews] .row .body .editor.label { width: 100%; color: rgba(255, 255, 255, 0.72); } .section[section_name=SizingPreviews] .row .body .editor.label .label { width: 100%; height: auto; float: left; } .section[section_name=SizingPreviews] .row .body .editor.label .label:before { width: 100%; text-align: initial; color: #ffffff; float: left; padding-bottom: 3px; } .section[section_name=SizingPreviews] .row .body .editor.label .label.clickable { cursor: pointer; } .section[section_name=SizingPreviews] .row .body .editor.label .label.clickable:hover { color: white; } .section[section_name=SizingPreviews] .row[prop_name=width_preview] .editor.label .label:before { content: "Width"; } .section[section_name=SizingPreviews] .row[prop_name=height_preview] .editor.label .label:before { content: "Height"; } .IconInput svg[data-icon-set], .icon_palette svg[data-icon-set], .icon-container svg[data-icon-set] { fill: currentColor; } .IconInput svg[data-icon-set=feather], .icon_palette svg[data-icon-set=feather], .icon-container svg[data-icon-set=feather] { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } .composer-palette.icon_palette { width: 262px; max-height: 350px; } .composer-palette.icon_palette .dropdown-option { font-size: 16px; padding: 3px !important; min-width: 23px; max-width: 23px; line-height: 23px; border: none; display: inline-block; text-align: center; } .composer-palette.icon_palette .dropdown-option:hover { background-color: #242627; } .composer-palette.icon_palette.icon_library { padding-top: 0px; } .composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers { background-color: #ffffff; } .composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-caption-container { background-color: #f7f7f7; } .composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container { background-color: #f7f7f7; border-top: 1px solid #dddddd; } .composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container .dropdown-item-container.hovered { background-color: #dddddd !important; } .composer-palette.icon_palette.icon_library.bubble-ui .dropdown-containers .dropdown-container .dropdown-items-container .dropdown-item-container .dropdown-item { color: #000000; } .composer-palette.icon_palette.icon_library .dropdown-containers { width: 100%; box-sizing: border-box; display: flex; flex-direction: row; position: sticky; top: 0px; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; gap: 8px; background-color: #424242; } .composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container.disabled { opacity: 0.4; cursor: default; } .composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container.disabled .dropdown-caption-container { cursor: default; pointer-events: none; } .composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-caption-container { padding: 8px 0px 6px 7px; margin: 0; display: block; box-sizing: border-box; width: 100%; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #525759; border: 1px solid transparent; } .composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-caption-container:before { content: "\f0d7"; font-family: "FontAwesome"; color: #90979a; float: right; width: 18px; text-align: left; font-size: 14px; } .composer-palette.icon_palette.icon_library .dropdown-containers .dropdown-container .dropdown-items-container { background-color: #525759; border-top: 1px solid #5f6568; } .composer-palette.icon_palette .dropdown-container.set-dropdown { flex: 1; } .composer-palette.icon_palette .dropdown-container.set-dropdown .dropdown-item { min-width: 132px !important; width: 132px; } .composer-palette.icon_palette .dropdown-container.variant-dropdown { width: 92px; flex-grow: 0; flex-shrink: 0; } .composer-palette.icon_palette .dropdown-container.variant-dropdown .dropdown-item { min-width: 77px !important; width: 77px; } .section[section_name=ElementMetaActions] .row.small { padding-top: 0 !important; margin-left: 18px; } .section[section_name=ElementMetaActions] .row.small:first-child { margin-left: 0px; } .modal-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50000002; background-color: rgba(255, 255, 255, 0.9); color: rgb(0, 0, 0); font-family: "Open Sans", Helvetica, Arial, sans-serif; /* Add Plugin Popup dialog. */ /* JSON entry popup for API Connector plugin */ } .modal-popup * { box-sizing: border-box; -moz-box-sizing: border-box; } .modal-popup input { outline: none; } .modal-popup .popup-title { padding: 13px 0 13px 0; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; text-align: center; font-size: 22px; color: #212121; font-family: "Open Sans"; } .modal-popup .popup-content { width: 450px; margin-top: 70px; margin-left: auto; margin-right: auto; overflow: hidden; font-size: 14px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; background-color: white; border: 1px solid rgb(245, 245, 245); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .modal-popup.btn-cancel { background-color: transparent; color: grey; clear: none; margin-left: 10px; } .modal-popup input[type=file] { cursor: pointer; height: 100%; width: 100%; } .modal-popup .bottom-stripe { height: 80px; border-top: 1px solid rgb(245, 245, 245); } .modal-popup .bottom-stripe .submit-button, .modal-popup .bottom-stripe .btn-create { float: inherit; margin: auto; width: 130px; margin-top: 20px; } .modal-popup .bottom-stripe .btn-cancel { margin-top: -25px; margin-right: 100px; float: right; } .modal-popup.import-error-message .popup-content { width: 450px; overflow: visible; } .modal-popup.import-error-message .popup-content .children { background-color: #fafafa; padding: 20px; } .modal-popup.add-plugin-window .popup-content, .modal-popup.external-image-popup .popup-content { width: 740px; overflow: visible; } .modal-popup.add-plugin-window .composer-image, .modal-popup.external-image-popup .composer-image { margin-right: 40px; } .modal-popup.external-image-popup .instruction { margin-left: 20px; margin-top: 28px; width: 470px; } .modal-popup.external-image-popup .instruction a { color: #0205d3; } .modal-popup.external-image-popup input.bubble-ui.search-image, .modal-popup.external-image-popup input.bubble-ui.search-theme { position: relative; left: 520px; top: -23px; } .modal-popup.external-image-popup .images-area, .modal-popup.external-image-popup .themes-area { overflow: auto; max-height: 300px; margin: 12px; min-height: 200px; } .modal-popup.external-image-popup .images-area .no-image, .modal-popup.external-image-popup .themes-area .no-image { width: 100%; text-align: center; font-size: 20px; margin-top: 30px; } .modal-popup.external-image-popup .images-area img.preview-img, .modal-popup.external-image-popup .themes-area img.preview-img { width: 160px; max-height: 180px; margin: 6px; border: 5px solid white; cursor: pointer; } .modal-popup.external-image-popup .images-area img.preview-img:hover, .modal-popup.external-image-popup .themes-area img.preview-img:hover { border: 5px solid #adadad; } .modal-popup.external-image-popup .images-area img.preview-img.selected, .modal-popup.external-image-popup .themes-area img.preview-img.selected { border: 5px solid #0205d3; } .modal-popup.add-plugin-window { z-index: 50000006; /* one higher than slidablepalette */ } .modal-popup.add-plugin-window.from-new-app-assistant { z-index: 50000006; } .modal-popup.add-plugin-window .popup-content { width: 1000px; margin-top: 30px !important; } .modal-popup.add-plugin-window .inner-children { padding: 0px; background: #f8f9f9; } .modal-popup.add-plugin-window .explanation { padding-left: 20px; padding-bottom: 20px; background: white; } .modal-popup.add-plugin-window .filter-area, .modal-popup.add-plugin-window .plugin-pane { /* Handle */ } .modal-popup.add-plugin-window .filter-area::-webkit-scrollbar, .modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar { width: 5; cursor: default; } .modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb, .modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb { background-color: #dcdcdc; } .modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb:hover, .modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb:hover { background-color: #dcdcdc; } .modal-popup.add-plugin-window .filter-area::-webkit-scrollbar-thumb:active, .modal-popup.add-plugin-window .plugin-pane::-webkit-scrollbar-thumb:active { background-color: #dcdcdc; } .modal-popup.add-plugin-window .filter-pane { float: left; width: 240px; background: white; border-right: 1px solid #dcdcdc; } .modal-popup.add-plugin-window .filter-pane .filter-title { width: 240px; padding: 15px 0px 15px 20px; font-size: 15px; border-bottom: 1px solid #dcdcdc; } .modal-popup.add-plugin-window .filter-pane .filter-title:before { font-family: bubble; content: "\e608"; color: #899ea5; font-size: 18px; margin-right: 10px; } .modal-popup.add-plugin-window .filter-pane input.bubble-ui.search-plugin { width: 205px; font-size: 12px; margin-bottom: 20px; margin-top: 15px; } .modal-popup.add-plugin-window .filter-pane .filter-caption { color: #0205d3; cursor: pointer; float: left; } .modal-popup.add-plugin-window .filter-pane .filter-caption:before { display: block; content: "\f0da"; font-family: "FontAwesome"; float: left; margin-right: 8px; } .modal-popup.add-plugin-window .filter-pane .filter-caption.open:before { content: "\f0d7"; margin-right: 5px; } .modal-popup.add-plugin-window .filter-pane .sort-by, .modal-popup.add-plugin-window .filter-pane .sort-btn, .modal-popup.add-plugin-window .filter-pane .filter-select-all { font-size: 10px !important; color: var(--b-txt-secondary); } .modal-popup.add-plugin-window .filter-pane .sort-btn, .modal-popup.add-plugin-window .filter-pane .filter-select-all { cursor: pointer; } .modal-popup.add-plugin-window .filter-pane .sort-btn:hover, .modal-popup.add-plugin-window .filter-pane .filter-select-all:hover { color: var(--b-txt-secondary); font-weight: 600; } .modal-popup.add-plugin-window .filter-pane .sort-by, .modal-popup.add-plugin-window .filter-pane .sort-btn { float: left; } .modal-popup.add-plugin-window .filter-pane .sort-btn.selected { color: var(--b-txt-primary); font-weight: 600; } .modal-popup.add-plugin-window .filter-pane .filter-select-all { margin-right: 10px; margin-top: 3px; float: right; } .modal-popup.add-plugin-window .filter-pane .filter-area { padding: 10px 0px 10px 0px; overflow-y: auto; } .modal-popup.add-plugin-window .filter-pane .filter-pane-inner { margin-left: 20px; margin-top: 5px; } .modal-popup.add-plugin-window .filter-pane .filter-container { grid-template-columns: 33fr 27fr 28fr 27fr 21fr 23fr; display: grid; padding-right: 4px; } .modal-popup.add-plugin-window .filter-pane .filter-category { margin-bottom: 20px; width: 100%; float: left; } .modal-popup.add-plugin-window .filter-pane .filter-list { margin-top: 5px; margin-left: 15px; clear: both; float: left; } .modal-popup.add-plugin-window .filter-pane .tag-button { cursor: pointer; padding: 5px 0 5px 0; font-size: 13px; } .modal-popup.add-plugin-window .filter-pane .tag-button:before { content: "\f096"; font-family: "FontAwesome"; margin-right: 10px; } .modal-popup.add-plugin-window .filter-pane .tag-button.selected:before { content: "\f046"; margin-right: 8px; } .modal-popup.add-plugin-window .filter-pane .filter-more { cursor: pointer; text-align: right; margin-right: 5px; } .modal-popup.add-plugin-window .plugin-pane { float: right; width: 752px; padding: 10px; overflow-y: auto; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner { overflow-y: auto; height: 100%; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box { border: 1px solid rgb(245, 245, 245); margin-bottom: 15px; min-height: 150px; overflow: hidden; background: white; clear: both; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* the plus button for adding a plugin */ clear: both; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-description-wrapper { overflow: hidden; padding: 10px; min-height: 95px; border-bottom: 1px dotted #dcdcdc; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-icon { width: 45px; height: 45px; object-fit: contain; float: left; margin-left: 10px; margin-top: 10px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new { float: left; margin-top: 10px; margin-left: 20px; background: #0cce92; color: white; font-size: 10px; padding: 3px; border-radius: 3px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.testing, .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.private { float: right; margin-right: 5px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.testing { background: #f91d56; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .mention-new.private { background: #0cce92; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-count { width: 70px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-count, .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-all-version-rating, .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-last-version-rating, .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-link { margin-top: 20px; float: left; font-size: 11px; margin-left: 20px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-price { float: right; color: #f91d56; margin-top: 10px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-display { float: left; font-size: 16px; margin-top: 9px; margin-bottom: 5px; margin-left: 20px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-description { margin-left: 20px; margin-top: 7px; width: 630px; line-height: 1.2; font-size: 12px; float: left; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-creator { float: right; font-size: 9px; margin-right: 5px; margin-top: 4px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box img.plugin-creator-icon { float: right; width: 15px; margin-right: 5px; clear: both; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add { height: 35px; width: 100px; margin-top: 9px; margin-bottom: 10px; float: right; padding-top: 9px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add.enterprise-styling { padding-left: 4px; padding-right: 4px; width: unset; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-box .plugin-add { margin-right: 15px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-count-summary { display: flex; vertical-align: middle; align-items: center; justify-content: space-between; padding-right: 10px; } .modal-popup.add-plugin-window .plugin-pane .plugins-pane-inner .plugin-count-summary .plugin-count-summary-text { font-size: 11px; } .modal-popup.add-plugin-window .add-plugins-modal-banner-container { clear: both; background: white; border-top: 1px solid rgb(245, 245, 245); } .modal-popup.add-plugin-window .bottom-stripe { clear: both; background: white; } .modal-popup.apiconnector-json-popup .popup-content { width: 700px; } .modal-popup.apiconnector-json-popup .json-editor { border: 1px solid #e0e5e9; } .modal-popup.apiconnector-json-popup .text-editor-container { height: 390px; padding: 20px; } .modal-popup.apiconnector-json-popup .btn-save { clear: both; float: left; margin-top: 15px; margin-bottom: 20px; margin-left: 277px; } .modal-popup.apiconnector-json-popup .btn-cancel { float: left; margin-top: 25px; margin-bottom: 0px; margin-left: 45px; } .modal-popup.apiconnector-json-popup .json-box-caption { margin-bottom: 8px; } .external-image-panel-btn.standard-btn { width: 169px; float: right; margin-top: 8px; height: 30px; padding-top: 5px; } .caption.image-searcher { padding-top: 15px !important; height: 32px !important; } /* Text composer. All text composers have .text-composer; short ones have .short-text-composer, long ones have .long-text-composer */ .text-composer .textcomposer-entry { display: inline; } .text-composer .textcomposer-entry .composer { display: inline; } .text-composer .new-text { display: inline; } .text-composer .new-dynamic { display: inline; } .text-composer .mandatory.empty.param { border: 1px solid #f91d56; } /* Message popup, that pops up to prompt the user to make a change when they did something that triggers an app error */ .message-popup { background-color: white; padding: 15px; color: #5f6568; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; border-top: 7px solid #ebe350; line-height: 17px; width: 250px; overflow: hidden; position: fixed; z-index: 50000002; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; -webkit-box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56); -moz-box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56); box-shadow: 0px 6px 6px rgba(23, 23, 23, 0.56); } .message-popup .button-fix { width: 100%; color: white; position: relative; background-color: #5f6568; padding: 5px; text-align: center; margin-top: 10px; cursor: pointer; } .message-popup .button-fix:hover { background-color: #757a7c; } .scroll-arrow { pointer-events: none; position: fixed; width: 50px; height: 50px; z-index: 5000000003; } .scroll-arrow.up { background: url("/static/img/scroll_up_arrow.png"); } .scroll-arrow.down { background: url("/static/img/scroll_down_arrow.png"); } .scroll-message { pointer-events: none; position: fixed; height: 18px; z-index: 5000000003; font-size: 16px; background-color: #a0d445; color: white; font-family: "Open Sans", Helvetica, Arial, sans-serif; width: 115px; padding: 5px; box-sizing: content-box; } .tour-popup .tour-content-zone { font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.4; font-size: 13px; z-index: 50000003; color: rgb(0, 0, 0); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; background: white; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.39); border: 1px solid rgb(245, 245, 245); float: left; width: 350px; cursor: move; position: fixed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tour-popup .tour-content-zone a { color: #5d9bda; } .tour-popup .tour-content-zone.large-width { width: 500px; } .tour-popup .tour-content-zone .tour-button { margin-top: 15px; float: right; font-size: 14px; height: 35px; padding-top: 0px; width: 90px; } .tour-popup .tour-content-zone .tour-button.demo { clear: both; float: left; margin: 0px 0px 10px 113px; } .tour-popup .tour-content-zone .tour-button.copy-to-account { width: 190px; margin-bottom: 20px; float: left; margin-left: 0px; } .tour-popup .tour-content-zone .tour-simple-button { border: none; display: inline; margin: 0em; padding: 0em; outline: none; outline-offset: 0em; background: none; cursor: pointer; color: #a9a9a9; position: relative; } .tour-popup .tour-content-zone .tour-simple-button.hint { float: left; clear: both; margin-left: -10px; } .tour-popup .tour-content-zone .tour-simple-button.exit { float: right; margin-right: -10px; } .tour-popup .tour-content-zone .tour-simple-button:hover { color: black; } .tour-popup .tour-content-zone .progress-bar-container { width: 200px; height: 5px; border: 1px solid #dadada; float: left; margin-top: 28px; margin-bottom: 30px; overflow: hidden; } .tour-popup .tour-content-zone .progress-bar-container .progress-bar { background-color: #dadada; height: 5px; } .tour-popup .tour-content-zone .secondary-button { margin-top: 24px; float: left; margin-left: 15px; } .tour-popup .tour-content-zone .show-hide-arrow-btn, .tour-popup .tour-content-zone .secondary-button { cursor: pointer; color: rgb(184, 196, 199); } .tour-popup .tour-content-zone .show-hide-arrow-btn:hover, .tour-popup .tour-content-zone .secondary-button:hover { color: rgb(0, 0, 0); } .tour-popup .tour-content-zone .show-hide-arrow-btn { float: right; font-size: 11px; margin-top: 22px; margin-right: 25px; } .tour-popup .arrow-top { pointer-events: none; background: url("/static/img/learning_arrow.png"); width: 45px; height: 35px; background-size: 48px; padding-top: 13px; position: absolute; z-index: 50000010; color: #9180e5; background-repeat: no-repeat; font-family: "Open Sans"; } .tour-popup .arrow_for_tour { pointer-events: none; background: none; width: 0px; height: 0px; border-left: 30px solid transparent; /* left arrow slant */ border-right: 30px solid transparent; /* right arrow slant */ border-bottom: 30px solid #747474; /* bottom, add background color here */ font-size: 0px; line-height: 0px; margin-left: 95px; margin-top: -38px; padding: 0; position: absolute; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .tour-popup .tour-content-zone { overflow: visible; padding-bottom: 5px; position: absolute; cursor: default; } .tour-popup .tour-content-zone .arrow-top { pointer-events: none; background: none; margin-top: -30px; margin-left: 100px; width: 0px; height: 0px; border-left: 30px solid transparent; /* left arrow slant */ border-right: 30px solid transparent; /* right arrow slant */ border-bottom: 30px solid white; /* bottom, add background color here */ font-size: 0px; line-height: 0px; margin-left: 95px; margin-top: -30px; padding: 0; position: absolute; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .tour-popup .tour-content-zone .step-details { padding: 0px 20px 10px 20px; } .tour-popup .tour-content-zone .tour-button { float: left; margin-left: 127px; margin-top: 10px; margin-bottom: 10px; } .tour-popup .tour-content-zone .tour-simple-button.hint { margin-left: 5px; } .tour-popup .tour-content-zone .tour-simple-button.exit { margin-right: 5px; } .image-editor-palette { background: rgb(133, 133, 133); float: left; width: 140px; height: 44px; position: absolute; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; background-color: #5f6568; -webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5); z-index: 5000001; } .image-editor-palette .standard-btn { float: left; margin-top: 8px; margin-left: 10px; height: 27px; padding-top: 5px; } .sceditor-dropdown { z-index: 500000003 !important; } .rich-text-editor .popup-content { width: 725px; } .rich-text-editor .inner-children { padding: 20px; overflow: hidden; } .rich-text-editor .sceditor-container, .rich-text-editor .html-editor { width: 678px !important; height: 302px !important; border: 1px solid #d6d6d6; } .rich-text-editor .sceditor-container .sceditor-group, .rich-text-editor .sceditor-container .sceditor-toolbar, .rich-text-editor .html-editor .sceditor-group, .rich-text-editor .html-editor .sceditor-toolbar { background: #f2f2f2 !important; } .rich-text-editor .sceditor-container iframe, .rich-text-editor .html-editor iframe { width: 666px !important; height: 256px !important; } .rich-text-editor .btn { float: left; } .rich-text-editor .btn.btn-save { clear: both; margin-top: 15px; margin-left: 277px; } .rich-text-editor .btn.btn-cancel { margin-left: 40px; margin-top: 28px; } .contextual-video-palette { width: 100%; background-color: #5f6568; z-index: -1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .contextual-video-palette .element-inspector-zone, .contextual-video-palette .video-zone { float: left; } .contextual-video-palette .video-zone { margin-left: 5px; } .contextual-video-palette .static-title { cursor: default !important; } .contextual-video-palette .static-title:hover { text-decoration: none !important; } .contextual-video-palette .invisible-draggable-div { width: 97%; height: 95%; position: absolute; } .contextual-video-palette .close-button { top: 0px; } .contextual-video-palette .element-inspector-zone { padding: 10px 10px 10px 15px; max-height: 450px; overflow-y: auto; } .contextual-video-palette .states-wrapper, .contextual-video-palette .event.wrapper, .contextual-video-palette .other_element.wrapper, .contextual-video-palette .action.wrapper { float: left; clear: both; width: 100%; } .contextual-video-palette .section-title { padding-top: 15px; } .contextual-video-palette .section-title:first-child { padding-top: 0px; } .contextual-video-palette .item-row { width: 100%; margin-top: 5px; } .contextual-video-palette .item-row, .contextual-video-palette .add-state-btn { float: left; line-height: 15px; } .contextual-video-palette .item-row.clickable, .contextual-video-palette .add-state-btn.clickable { cursor: pointer; } .contextual-video-palette .item-row.clickable:hover, .contextual-video-palette .add-state-btn.clickable:hover { color: white; } .contextual-video-palette .item-row, .contextual-video-palette .add-state-btn { margin-top: 8px; } .contextual-video-palette .item-row, .contextual-video-palette .add-state-btn, .contextual-video-palette .list-caption { color: rgba(255, 255, 255, 0.72); } .contextual-video-palette .item-row.nothing, .contextual-video-palette .add-state-btn.nothing, .contextual-video-palette .list-caption.nothing { color: #80888c; } .contextual-video-palette .state-row { width: 100%; float: left; margin: 3px 0 3px 0; } .contextual-video-palette .state-row input { padding-left: 6px !important; } .contextual-video-palette .state-row .state-caption, .contextual-video-palette .state-row .state-value, .contextual-video-palette .state-row .list-caption { float: left; } .contextual-video-palette .state-row .state-caption { width: 90px; } .contextual-video-palette .state-row .state-value, .contextual-video-palette .state-row .state-caption { margin-right: 10px; } .contextual-video-palette .state-row .list-caption { margin-top: 7px; margin-right: 5px; } .contextual-video-palette .state-row .delete-btn { float: left; margin-left: 3px; margin-top: 6px; } .contextual-video-palette .state-row .default-wrapper { float: left; margin-top: 6px; margin-left: 16px; width: 280px; } .contextual-video-palette .state-row .default-wrapper .list-caption.default { margin-right: 10px; } .contextual-video-palette .state-row .default-wrapper input.TextBox, .contextual-video-palette .state-row .default-wrapper input.GeographicBox { width: 190px; } .contextual-video-palette .state-row .default-wrapper .composer-file, .contextual-video-palette .state-row .default-wrapper .composer-image { margin-left: 84px; } .composer-list-manager { width: 966px; } .composer-list-manager.no-item .list-wrapper { padding-bottom: 5px; } .composer-list-manager .preview-img { height: 50px; width: 50px; } .composer-list-manager .btn { width: 50px; } .composer-list-manager .composer-dropdown { float: left; } .composer-list-manager .composer-autocomplete { float: left; width: 75%; } .composer-list-manager .show-primary-btn { clear: both; float: right; padding-bottom: 5px; } .composer-list-manager .item-h1 { overflow: hidden; padding-bottom: 5px; } .composer-list-manager .multiline-text { color: black; } .composer-list-manager .item-element { float: left; max-width: 239px; max-height: 14px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .composer-list-manager .bubble-ui.delete-btn { float: right; } .composer-list-manager .bubble-ui.delete-btn:before { font-size: 13px; } .composer-list-manager .image-wrapper { line-height: 16px; padding-bottom: 5px; } .composer-list-manager .image-wrapper .delete-btn { clear: both; position: relative; bottom: 18px; right: 152px; } .composer-list-manager .file-wrapper { line-height: 16px; padding-bottom: 5px; } .composer-list-manager .file-wrapper .delete-btn { position: relative; bottom: 17px; clear: both; float: right; } .composer-list-manager .input-wrapper { float: left; width: 100%; } .composer-list-manager .input-wrapper .composer-file { float: left; width: 70%; } .composer-list-manager .composer-image { margin-top: 5px; float: left; } .composer-list-manager .MultilineTextBox.property-editor-control { width: 70% !important; min-height: 30px; height: 30px; overflow: hidden; } .composer-list-manager .composer-file { width: 90%; position: relative; } .composer-list-manager .composer-file .download-btn { top: -5px; left: 235px; } .composer-list-manager .composer-file .button-clear-composer-file { left: 235px; } .parens.parens-left::before { content: "("; padding-left: 3px; padding-right: 1px; } .parens.parens-right::before { content: ")"; padding-left: 1px; padding-right: 3px; } .parens.parens-transparent { opacity: 0; } .composer.hover_fade_out:hover .hovering .dynamic { color: #67b3ff; } .composer.hover_fade_out:hover .hovering .dynamic:hover { color: #cce5ff; } .composer.hover_fade_out:hover .hovering .spot { color: #fab515; } .composer.hover_fade_out:hover .hovering .text-composer .spot { color: #ffcc00; } .composer.hover_fade_out:hover .hovering .text-composer .spot.selected { color: #ffcc00; } .composer.hover_fade_out:hover .hovering .text-composer .dynamic { color: #67b3ff; } .composer.hover_fade_out:hover .not-finished .hovering .dynamic { color: #f91d56; } .composer.hover_fade_out:hover .not-finished .hovering .dynamic:hover { color: #ff7575; } .composer.hover_fade_out:hover .not-finished .dynamic { color: rgba(249, 29, 86, 0.3); } .composer.hover_fade_out:hover .not-finished .dynamic:hover { color: rgba(255, 117, 117, 0.3); } .composer.hover_fade_out:hover .dynamic { color: rgba(103, 179, 255, 0.3); } .composer.hover_fade_out:hover .dynamic:hover { color: rgba(204, 229, 255, 0.3); } .composer.hover_fade_out:hover .spot { color: rgba(250, 181, 21, 0.6); } .composer.hover_fade_out:hover .text-composer .spot { color: rgba(255, 204, 0, 0.3); } .composer.hover_fade_out:hover .text-composer .spot.selected { color: rgba(255, 204, 0, 0.6); } .composer.hover_fade_out:hover .text-composer .dynamic { color: rgba(103, 179, 255, 0.3); } .composer .nested { display: inline; } .row[prop_name=reset_stack_warning], .row[prop_name=note] { clear: both; } .row[prop_name=reset_stack_warning] .editor.label, .row[prop_name=note] .editor.label { color: rgba(255, 255, 255, 0.72); } /* Contains stuff that apply both in edit mode and plugin_edit mode */ @font-face { font-family: "bubble"; src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?-eiqxi1); src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994721507x666384863434359400/bubble.eot?#iefix-eiqxi1) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994746211x616051028715446500/bubble.ttf?-eiqxi1) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994775004x325740637257695170/bubble.woff?-eiqxi1) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1443994761081x117351920343935490/bubble.svg?-eiqxi1#bubble) format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { font-family: "bubble"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-big-arrow:before { content: "\e603"; } .icon-filter:before { content: "\e608"; } .icon-account:before { content: "\e621"; } .icon-analytics:before { content: "\e622"; } .icon-element:before { content: "\e623"; } .icon-email:before { content: "\e624"; } .icon-navigation:before { content: "\e625"; } .icon-payment:before { content: "\e626"; } .icon-data:before { content: "\e627"; } .icon-design:before { content: "\e628"; } .icon-plugins:before { content: "\e629"; } .icon-settings:before { content: "\e62a"; } .icon-workflow:before { content: "\e62b"; } .icon-checkbox:before { content: "\e62c"; } .icon-dropdown:before { content: "\e62d"; } .icon-file-uploader:before { content: "\e62e"; } .icon-input:before { content: "\e62f"; } .icon-multi-line:before { content: "\e630"; } .icon-picture-uploader:before { content: "\e631"; } .icon-rich-text:before { content: "\e632"; } .icon-slider:before { content: "\e633"; } .icon-time:before { content: "\e634"; } .icon-new:before { content: "\e635"; } .icon-alert:before { content: "\e636"; } .icon-button:before { content: "\e637"; } .icon-calendar:before { content: "\e638"; } .icon-charts:before { content: "\e639"; } .icon-html:before { content: "\e63a"; } .icon-icon:before { content: "\e63b"; } .icon-image:before { content: "\e63c"; } .icon-link:before { content: "\e63d"; } .icon-map:before { content: "\e63e"; } .icon-shape:before { content: "\e63f"; } .icon-slideshow:before { content: "\e640"; } .icon-text:before { content: "\e641"; } .icon-video:before { content: "\e642"; } .icon-check-1:before { content: "\e643"; } .icon-check-2:before { content: "\e644"; } .icon-upload:before { content: "\e645"; } .icon-arrow-down:before { content: "\e646"; } .icon-arrow-dropdown:before { content: "\e647"; } .icon-edit:before { content: "\e648"; } .icon-trash:before { content: "\e649"; } .icon-puzzle-2:before { content: "\e64a"; } .icon-close:before { content: "\e64b"; } .icon-box:before { content: "\e64c"; } .icon-tools:before { content: "\e64d"; } .icon-visible:before { content: "\e64e"; } .icon-apps:before { content: "\e64f"; } .icon-logout:before { content: "\e650"; } .icon-user:before { content: "\e651"; } .icon-laptop:before { content: "\e600"; } .icon-puzzle-1:before { content: "\e601"; } .icon-add:before { content: "\e602"; } .icon-arrow-right:before { content: "\e604"; } .icon-bold:before { content: "\e605"; } .icon-border:before { content: "\e606"; } .icon-center-align:before { content: "\e607"; } .icon-clone:before { content: "\e609"; } .icon-copy:before { content: "\e60a"; } .icon-cut:before { content: "\e60b"; } .icon-float-group:before { content: "\e60c"; } .icon-grid:before { content: "\e60d"; } .icon-group:before { content: "\e60e"; } .icon-group-focus:before { content: "\e60f"; } .icon-issues:before { content: "\e610"; } .icon-italic:before { content: "\e611"; } .icon-learn:before { content: "\e612"; } .icon-left-align:before { content: "\e613"; } .icon-manual:before { content: "\e614"; } .icon-page:before { content: "\e615"; } .icon-paste:before { content: "\e616"; } .icon-popup:before { content: "\e617"; } .icon-question:before { content: "\e618"; } .icon-redo:before { content: "\e619"; } .icon-repeat-group:before { content: "\e61a"; } .icon-right-align:before { content: "\e61b"; } .icon-ruler:before { content: "\e61c"; } .icon-selection:before { content: "\e61d"; } .icon-star:before { content: "\e61e"; } .icon-underline:before { content: "\e61f"; } .icon-undo:before { content: "\e620"; } @font-face { font-family: "newbubble"; font-display: "block"; src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw); src: url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285310249x583826184738427400/newbubble.eot?7ieipw#iefix) format("embedded-opentype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285379584x602803728543221900/newbubble.ttf?7ieipw) format("truetype"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285427644x842161195585504100/newbubble.woff?7ieipw) format("woff"), url(//a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1530285461448x702500568004325000/newbubble.svg?7ieipw#newbubble) format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "newbubble" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-logo:before { content: "\e913"; } .icon-logo-b:before { content: "\e914"; } .icon-applications:before { content: "\e900"; } .icon-plugins:before { content: "\e901"; } .icon-account:before { content: "\e902"; } .icon-templates:before { content: "\e903"; } .icon-logout:before { content: "\e904"; } .icon-buy:before { content: "\e905"; } .icon-facebook:before { content: "\e906"; color: #4a67ad; } .icon-link:before { content: "\e907"; } .icon-medium .path1:before { content: "\e908"; color: rgb(220, 238, 238); } .icon-medium .path2:before { content: "\e909"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-twitter:before { content: "\e90a"; color: #1da1f2; } .icon-trash:before { content: "\e90b"; } .icon-share:before { content: "\e90c"; } .icon-info:before { content: "\e90d"; } .icon-take-off:before { content: "\e90e"; } .icon-play:before { content: "\e90f"; } .icon-copy:before { content: "\e910"; } .icon-eye:before { content: "\e911"; } .icon-edit:before { content: "\e912"; } .highlight-dom-changes { animation-duration: 1s; animation-name: highlight-in; animation-timing-function: ease-out; } @keyframes highlight-in { from { background-color: rgb(200, 0, 0); } } /* All typefaces used in Butter, available by class and as mixins. Replaces a few styles in global.scss, but largely represents a new level of component hierarchy */ .h1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h1 { font-size: 22px; font-weight: 400; line-height: 24px; } .theme-butter .h1 { font-size: 20px; font-weight: 400; line-height: 24px; } .h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h2 { font-size: 20px; font-weight: 400; line-height: 24px; } .theme-butter .h2 { font-size: 16px; font-weight: 400; line-height: 24px; } .h3 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h3 { font-size: 16px; font-weight: 400; line-height: 18px; } .theme-butter .h3 { font-size: 16px; font-weight: 300; line-height: 24px; } .h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h4 { font-size: 14px; font-weight: 400; line-height: 18px; } .theme-butter .h4 { font-size: 14px; font-weight: 300; line-height: 18px; } .h5 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h5 { font-size: 12px; font-weight: 400; line-height: 18px; } .theme-butter .h5 { font-size: 12px; font-weight: 300; line-height: 18px; } .subhead1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead1 { font-size: 14px; font-weight: 400; line-height: 14px; } .theme-butter .subhead1 { font-size: 14px; font-weight: 600; line-height: 18px; } .subhead2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead2 { font-size: 12px; font-weight: 400; line-height: 14px; } .theme-butter .subhead2 { font-size: 12px; font-weight: 600; line-height: 18px; } .body1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body1 { font-size: 12px; font-weight: 400; line-height: 12px; } .theme-butter .body1 { font-size: 14px; font-weight: 400; line-height: 24px; } .body2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body2 { font-size: 10px; font-weight: 400; line-height: 10px; } .theme-butter .body2 { font-size: 12px; font-weight: 400; line-height: 24px; } .line-height-18 { line-height: 18px !important; } /* All colors for both themes, concieved as a grid of color x opacity */ /* Note on SASS variables as of 4/15/24 * - $action has not been updated to latest brand color as its descendents need verifcation in components * - $bubble_blue also should be updated to latest brand color * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase */ /* Theme mapper */ /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .highlight-dom-changes { animation-duration: 1s; animation-name: highlight-in; animation-timing-function: ease-out; } @keyframes highlight-in { from { background-color: rgb(200, 0, 0); } } /* MIXINS */ .display-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } /* TAGS */ address { font-style: normal; font-weight: normal; } sub, sup { font-size: 75%; /* sub/sup is relative to the surrounding text */ line-height: 0; /* line-height doesn't interfere with the positioning */ position: relative; /* Makes all browsers position relative to the surrounding text */ vertical-align: baseline; /* if you're using reset.css, you can remove this rule */ } sup { top: -0.5em; /* Move the superscripted text up */ } sub { bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */ } input:focus, textarea:focus { outline: none; } /* GLOBALLY USEFUL CLASSES (formerly tab_common) For the sake of avoiding specific classes and elaborate rules for spacing To live here you must: a) do exactly one thing b) be named something that makes it extremely clear what that one thing is Note: this was originally applied to .data-user-types, .data-editor, .maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete this list when proved not buggy */ .code { font-family: "Courier New", Courier, monospace; font-weight: bold; background-color: antiquewhite; color: maroon; padding: 0px 4px; border-radius: 2px; } .maison-column { display: flex; flex-direction: column; height: 100%; } .flex-row, .maison-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-start { justify-content: flex-start !important; } .center { justify-content: center !important; } .flex-end { justify-content: flex-end !important; } .space-between { justify-content: space-between !important; } .flex-1 { flex: 1; } .pos-rel { position: relative; } .suspension-vertical { display: flex; flex-direction: column !important; justify-content: center; } .horizontal-rule { margin-bottom: 5px; margin-top: 5px; width: 100%; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-12 { padding: 12px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .margin-10 { margin: 10px !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-left-300 { margin-left: 300px !important; } .margin-right-minus20 { margin-right: -20px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-top-minus20 { margin-top: -20px !important; } .margin-top-minus10 { margin-top: -10px !important; } .margin-top-minus16 { margin-top: -16px !important; } .margin-top-minus5 { margin-top: -5px !important; } .margin-top-minus3 { margin-top: -3px !important; } .margin-top-minus2 { margin-top: -2px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .width-5 { width: 5px !important; } .width-10 { width: 10px !important; } .width-15 { width: 15px !important; } .width-20 { width: 20px !important; } .width-25 { width: 20px !important; } .width-30 { width: 30px !important; } .width-35 { width: 35px !important; } .width-40 { width: 40px !important; } .width-45 { width: 45px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-75 { width: 75px !important; } .width-80 { width: 80px !important; } .width-85 { width: 85px !important; } .width-100 { width: 100px !important; } .width-120 { width: 120px !important; } .width-130 { width: 130px !important; } .width-145 { width: 145px !important; } .width-150 { width: 150px !important; } .width-170 { width: 170px !important; } .width-180 { width: 180px !important; } .width-190 { width: 190px !important; } .width-195 { width: 195px !important; } .width-200 { width: 200px !important; } .width-210 { width: 210px !important; } .width-220 { width: 220px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-320 { width: 320px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-500 { width: 500px !important; } .width-540 { width: 540px !important; } .width-600 { width: 600px !important; } .width-640 { width: 640px !important; } .width-700 { width: 700px !important; } .width-fill { width: 100% !important; } .width-fit-content { width: fit-content !important; } .min-width-50 { min-width: 50px !important; } .min-width-60 { min-width: 60px !important; } .min-width-80 { min-width: 80px !important; } .min-width-85 { min-width: 85px !important; } .min-width-100 { min-width: 100px !important; } .min-width-120 { min-width: 120px !important; } .min-width-150 { min-width: 150px !important; } .min-width-180 { min-width: 180px !important; } .min-width-200 { min-width: 200px !important; } .min-width-400 { min-width: 400px !important; } .max-width-50 { max-width: 50px !important; } .max-width-60 { max-width: 60px !important; } .max-width-80 { max-width: 80px !important; } .max-width-85 { max-width: 85px !important; } .max-width-100 { max-width: 100px !important; } .max-width-120 { max-width: 120px !important; } .max-width-150 { max-width: 150px !important; } .max-width-180 { max-width: 180px !important; } .max-width-200 { max-width: 200px !important; } .width-one-tenth { width: 10% !important; } .width-two-tenth { width: 20% !important; } .width-one-quarter { width: 25% !important; } .width-three-tenth { width: 30% !important; } .width-one-third { width: 33.334% !important; } .width-four-tenth { width: 40% !important; } .width-half { width: 50% !important; } .width-six-tenth { width: 60% !important; } .width-two-third { width: 66.667% !important; } .width-seven-tenth { width: 70% !important; } .width-three-quarter { width: 75% !important; } .width-eight-tenth { width: 80% !important; } .width-nine-tenth { width: 90% !important; } .width-eighty-five-percent { width: 85% !important; } .height-5 { height: 5px !important; } .height-10 { height: 10px !important; } .height-15 { height: 15px !important; } .height-20 { height: 20px !important; } .height-25 { height: 20px !important; } .height-30 { height: 30px !important; } .height-35 { height: 35px !important; } .height-40 { height: 40px !important; } .height-45 { height: 45px !important; } .height-50 { height: 50px !important; } .height-55 { height: 55px !important; } .height-60 { height: 60px !important; } .height-85 { height: 85px !important; } .height-100 { height: 100px !important; } .height-120 { height: 120px !important; } .height-125 { height: 125px !important; } .height-150 { height: 150px !important; } .height-190 { height: 190px !important; } .height-195 { height: 195px !important; } .height-200 { height: 200px !important; } .height-210 { height: 210px !important; } .height-220 { height: 220px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-307 { height: 307px !important; } .height-320 { height: 320px !important; } .height-400 { height: 400px !important; } .height-435 { height: 435px !important; } .height-540 { height: 540px !important; } .height-fill { height: 100% !important; } .height-one-tenth { height: 10% !important; } .height-two-tenth { height: 20% !important; } .height-one-quarter { height: 25% !important; } .height-three-tenth { height: 30% !important; } .height-one-third { height: 33.334% !important; } .height-four-tenth { height: 40% !important; } .height-half { height: 50% !important; } .height-six-tenth { height: 60% !important; } .height-two-third { height: 66.667% !important; } .height-seven-tenth { height: 70% !important; } .height-three-quarter { height: 75% !important; } .height-eight-tenth { height: 80% !important; } .height-nine-tenth { height: 90% !important; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .strikethrough { text-decoration: line-through; } .no-select { user-select: none; } .float-right { float: right; } .float-left { float: left; } .margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-inherit { overflow: inherit !important; } .overflow-initial { overflow: initial !important; } .overflow-overlay { overflow: overlay !important; } .overflow-revert { overflow: revert !important; } .overflow-unset { overflow: unset !important; } .overflow-visible { overflow: visible !important; } .word-wrap-break-word { word-wrap: break-word; word-break: break-word; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .align-with-composer-input { margin-top: calc(12px + 5px + 16px - 9px); } .align-items-baseline { align-items: baseline; } .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-stretch { align-items: stretch; } .align-text-left { text-align: left; } .align-text-center { text-align: center; } .align-text-start { text-align: start; } .align-text-end { text-align: end; } .pop-color-variables.danger { --pop-color: var(--b-txt-danger); --pop-color-bg: var(--b-bg-danger1); } .pop-color-variables.caution { --pop-color: var(--b-txt-caution); --pop-color-bg: var(--b-bg-caution1); } .pop-color-variables.success { --pop-color: var(--b-txt-success); --pop-color-bg: var(--b-bg-success1); } .pop-color-variables.brand { --pop-color: var(--b-txt-brand); --pop-color-bg: var(--b-bg-brand1); } .menu-bar, .navigation-home, .toolbox-panel, .layers-box, .mainwindow { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; } :root { --menubar-height: 35px; } body { background: white; overflow: hidden; background-repeat: repeat; } body > .body { display: flex; flex-direction: column; height: 100vh; margin-left: 0px; /* should match logo */ box-sizing: border-box; -moz-box-sizing: border-box; } body > .body * { box-sizing: border-box; -moz-box-sizing: border-box; } /** If the floating PE is locked, make sure there's another room on the right side of Design Tab TODO: remove this when we remove floating PE */ body:has(.property-editor-2.ui-draggable-disabled) .tabs-1 { margin-right: 340px; } .body main { display: flex; flex-direction: row; flex: 1; height: 0; } input, textarea { font: inherit; } ::-webkit-scrollbar { width: 5px; height: 4px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #c7c7c7; } ::-webkit-scrollbar-thumb:hover { background: #bdbdbd; cursor: default; } ::-webkit-scrollbar-thumb:active { background-color: #b8b8b8; cursor: default; } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(156, 156, 156, 0.8); } @media all and (min--moz-device-pixel-ratio: 0) { div { scrollbar-width: thin; } } button, button:focus { outline: none; outline-offset: 0em; } td { vertical-align: top; } .ui-widget { /*overrides jquery ui widgets like tabs*/ font-family: inherit; font-size: 12px; } .canvas, .designcanvas, .action-editor { position: relative; margin-left: auto; margin-right: auto; } .canvas, .designcanvas { /* look at check_below_canvas in design_canvas.js for more on canvas sizing / overflow */ overflow-x: auto; overflow-y: visible; height: 100%; } .mainwindow { display: flex; flex: 1; overflow: auto; } .tabcanvas { background-color: white; display: flex; flex: 1; } .tabcanvas.tabs-1 { overflow: auto; display: flex; flex-direction: column; flex-wrap: nowrap; } .tabcanvas.tabs-1.responsive-mode { background-color: rgba(194, 202, 208, 0.2470588235); } .tabcanvas.tabs-1 .canvas, .tabcanvas.tabs-1 .designcanvas { width: 100%; flex-shrink: 0; flex-grow: 0; } .tabcanvas.tabs-1 .canvas.resp-v1, .tabcanvas.tabs-1 .designcanvas.resp-v1 { flex-grow: 1; display: grid; grid-template-areas: "content"; grid-template-columns: minmax(max-content, 100%); grid-template-rows: max-content; height: max-content; width: max-content; overflow: visible; padding-bottom: 40px; z-index: 0; min-width: 100%; } .tabcanvas.tabs-1 .canvas.resp-v1.responsive-mode, .tabcanvas.tabs-1 .designcanvas.resp-v1.responsive-mode { min-width: 0; margin-left: 0; } .tabcanvas.tabs-1 .canvas.resp-v1.responsive-mode.crud-breakpoints, .tabcanvas.tabs-1 .designcanvas.resp-v1.responsive-mode.crud-breakpoints { margin-left: auto; } .tabcanvas.tabs-1 .canvas.reusable-editor, .tabcanvas.tabs-1 .designcanvas.reusable-editor { background-color: #b5b5b5; } .tabcanvas.tabs-1 .canvas .design-grid, .tabcanvas.tabs-1 .designcanvas .design-grid { display: grid; position: absolute; pointer-events: none; overflow: hidden; width: 100%; height: 100%; } .tabcanvas.tabs-1 .designcanvas:not(.responsive-mode) { padding-top: 40px; background-color: #fafafa; } .tabcanvas.tabs-1 .resize-responsive-canvas { position: absolute; height: 60px; top: 50%; width: 4px; border-radius: 10px; background-color: rgba(194, 202, 208, 0.6980392157); transition: height 0.2s, width 0.2s, left 0.2s, right 0.2s; } .tabcanvas.tabs-1 .resize-responsive-canvas:hover, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging { height: 72px; width: 8px; cursor: ew-resize; } .tabcanvas.tabs-1 .resize-responsive-canvas:hover.right, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging.right { right: -14px; } .tabcanvas.tabs-1 .resize-responsive-canvas:hover.left, .tabcanvas.tabs-1 .resize-responsive-canvas.dragging.left { left: -14px; } .tabcanvas.tabs-1 .resize-responsive-canvas.right { right: -10px; } .tabcanvas.tabs-1 .resize-responsive-canvas.left { left: -10px; } .tabcanvas.tabs-2, .tabcanvas.tabs-8 { overflow: scroll; } .tabcanvas.tabs-3, .tabcanvas.tabs-4, .tabcanvas.tabs-5, .tabcanvas.tabs-6, .tabcanvas.tabs-7, .tabcanvas.tabs-1.general, .tabcanvas.tabs-3.api, .tabcanvas.tabs-8, .tabcanvas.tabs-2.sharedtech { border-left: 1px solid #dcdcdc; } /* ---------------------------------- MENU BAR ---------------------------------- */ .main-tab-bar:not(.butter) { width: 40px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; background: white; z-index: 2; flex-shrink: 0; } .main-tab-bar:not(.butter) .tab { font-size: 12px; cursor: pointer; height: 60px; padding: 42px 5px 10px 5px; border-left: 4px solid transparent; border-bottom: 1px solid #dcdcdc; } .main-tab-bar:not(.butter) .tab:before { font-family: bubble; background: none; font-size: 22px; color: #868686; float: left; margin-bottom: 0px; margin-left: 3px; margin-top: -30px; width: 26px; height: 30px; position: absolute; } .main-tab-bar:not(.butter) .tab.disabled { opacity: 0.4; cursor: default; } .main-tab-bar:not(.butter) .tab.disabled:hover { background-color: transparent; } .main-tab-bar:not(.butter) .tab.disabled:hover:before { color: #bbc5c8; } .main-tab-bar:not(.butter) .tab.selected { cursor: default; color: #0205d3 !important; border-left: 4px solid #0205d3; padding-left: 1px; } .main-tab-bar:not(.butter) .tab.selected:before { color: #0205d3 !important; } .main-tab-bar:not(.butter) .tab:hover { background-color: rgb(249, 249, 249); } .main-tab-bar:not(.butter) .tab.selected:hover { background-color: transparent; } .menu-bar { width: 100%; height: 35px; flex-shrink: 0; background-color: #ffffff; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; color: rgb(0, 0, 0); overflow: hidden; } .menu-bar .empty_space_1 { width: 0px; } .menu-bar .logo { margin-top: 1px; width: 40px; padding: 8px 12px; } .menu-bar .logo svg, .menu-bar .logo span { display: inline-block; line-height: 32px; vertical-align: middle; } .menu-bar .logo svg { color: var(--b-icon-primary); } .menu-bar .logo:focus { outline: 0px dotted transparent; } .menu-bar .logo:focus:active { outline: 0px dotted transparent !important; } .menu-bar .logo:hover, .menu-bar .logo:focus-visible { color: #0205d3; text-decoration: none; } .menu-bar .logo:hover svg, .menu-bar .logo:focus-visible svg { color: #0205d3; } .menu-bar .menu-item { padding-top: 11px; padding-left: 13px; padding-right: 12px; text-align: center; cursor: pointer; height: 35px; } .menu-bar .menu-item.flashing { background-color: #0205d3; color: white; } .menu-bar .user-name { padding: 9px 10px 0px 8px; float: right; cursor: pointer; border-left: 1px solid #ebf0f2; } .menu-bar .user-name:after { position: relative; float: right; display: block; color: #989898; content: "\e621"; font-family: "bubble"; font-size: 17px; } .menu-bar .log-in { padding: 11px 12px 0 12px; float: right; cursor: pointer; border-left: 1px solid #ebf0f2; color: white; background: #0205d3; } .menu-bar > * { height: 35px; font-size: 12px; } .menu-bar.pop-enabled { height: var(--menubar-height); z-index: 50000002; } .menu-bar.pop-enabled > :not(:last-child) { display: none !important; } .top-menu, .version-dropdown-panel, .composer-palette.element-picker, .grid-settings-panel, .arrange-panel, .composer-palette.composer-dropdown-long.responsive-picker, .preview-panel { background: white; margin-top: 4px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; padding: 4px; color: rgb(0, 0, 0); -webkit-box-shadow: var(--b-level1); -moz-box-shadow: var(--b-level1); box-shadow: var(--b-level1); overflow-y: auto; } .top-menu.workflowtab, .version-dropdown-panel.workflowtab, .composer-palette.element-picker.workflowtab, .grid-settings-panel.workflowtab, .arrange-panel.workflowtab, .composer-palette.composer-dropdown-long.responsive-picker.workflowtab, .preview-panel.workflowtab { padding: 0px; width: 336px; } .top-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*------------------ CONTEXT MENU ------------------*/ .context-menu .context-menu-item.disabled { display: none; } .context-menu .context-menu-item.separator.disabled { display: block; } .context-menu-item { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; cursor: pointer; } .context-menu-item:first-child { border-top: none; } .context-menu { background: white; margin-top: 3px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; color: rgb(0, 0, 0); -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow-y: auto; width: 220px; } .context-menu.styles { width: 164px; } .context-menu.styles .context-menu-item { column-gap: 4px; padding: 8px; justify-items: start; } .context-menu.styles .context-menu-item.separator { margin-bottom: 4px; margin-top: 4px; } .context-menu.styles .context-menu-item.copy-style .content { display: flex; align-items: center; gap: 4px; } .context-menu.styles .context-menu-item.copy-style .shortcuts { display: flex; gap: 4px; } .context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon { border: 1px solid rgb(230, 230, 230); border-radius: 4px; height: 24px; display: flex; align-content: center; align-items: center; justify-content: center; } .context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon.meta { padding-left: 6px; padding-right: 6px; } .context-menu.styles .context-menu-item.copy-style .shortcuts .shortcut-icon:not(.meta) { width: 24px; } .context-menu.styles .context-menu-item.paste-style, .context-menu.styles .context-menu-item.notes, .context-menu.styles .context-menu-item.delete-style { justify-content: flex-start; gap: 4px; } .context-menu.styles .context-menu-item.delete-style { color: #b0200c; } .context-menu.styles .context-menu-item:first-child { padding: 8px 8px 4px 8px; } .context-menu.styles .context-menu-item:last-child { margin-bottom: 4px; } .context-menu .context-menu-item { padding: 7px 7px 7px 27px; line-height: 15px; display: flex; align-items: center; justify-content: space-between; } .context-menu .context-menu-item:before { font-family: "FontAwesome"; } .context-menu .context-menu-item.edit:before, .context-menu .context-menu-item.edit_backdrop:before { content: "\f044"; } .context-menu .context-menu-item.cut:before { content: "\f0c4"; } .context-menu .context-menu-item.copy:before, .context-menu .context-menu-item.copy_action:before, .context-menu .context-menu-item.copy_element:before { content: "\f0c5"; } .context-menu .context-menu-item.paste:before, .context-menu .context-menu-item.paste_action:before, .context-menu .context-menu-item.paste_element:before { content: "\f0ea"; } .context-menu .context-menu-item.copy_formatting:before { content: "\f12d"; } .context-menu .context-menu-item.paste_formatting:before { content: "\f15c"; } .context-menu .context-menu-item.clone_this:before { content: "\f016"; } .context-menu .context-menu-item.delete:before { content: "\f014"; } .context-menu .context-menu-item.replace_by:before { content: "\f0ec"; } .context-menu .context-menu-item.insert_an:before { content: "\f07e"; } .context-menu .context-menu-item.reveal_the:before, .context-menu .context-menu-item.edit_workflow:before { content: "\f009"; } .context-menu .context-menu-item .shortcut-text { color: var(--b-txt-tertiary); float: right; } .context-menu .context-menu-item.header { color: #888888; cursor: default; font-size: 10px; font-weight: 600; line-height: 11px; } .context-menu .context-menu-item.header:hover { color: #888888; background: white; } .context-menu .context-menu-item:first-child { border-top: none; } .context-menu .context-menu-item:hover { background-color: #f4f4f4; } .context-menu-item.right-arrow { padding-right: 29px; } .context-menu-item.right-arrow:after { font-family: "FontAwesome"; content: "\f0da"; font-size: 12px; position: absolute; right: 7px; text-align: center; width: 11px; color: #000000; } .context-menu-item.right-arrow.disabled:after { display: none; } .context-menu-item.right-arrow.hovered { background-color: rgb(249, 249, 249); color: #000000; } .context-menu.breakpoint-context-menu { width: 200px; font-size: 14px; color: #888888; } .context-menu.breakpoint-context-menu .context-menu-title { padding: 16px 12px 8px 12px; color: #161616; } .context-menu.breakpoint-context-menu .context-menu-description { font-size: 12px; line-height: 16px; padding: 8px 12px; } .context-menu.breakpoint-context-menu .context-menu-item { height: 36px; line-height: 16px; padding: 0px 12px 0px 12px; display: flex; align-items: center; justify-content: space-between; } .context-menu.breakpoint-context-menu .context-menu-item .option-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .context-menu.breakpoint-context-menu .context-menu-item .popIcon { padding-right: 4px; } .context-menu.breakpoint-context-menu .context-menu-item.blue-context-text { color: #0205d3; } .context-menu.breakpoint-context-menu .context-menu-item.add-new-breakpoint { padding-left: 27px; font-weight: 600; } .context-menu.breakpoint-context-menu .context-menu-item.add-new-breakpoint:before { content: "\f067"; color: #0205d3; } .context-menu.breakpoint-context-menu .context-menu-item .shortcut-text { color: #c2cad0; padding-right: 4px; } .context-menu.breakpoint-context-menu .context-menu-item:hover { background-color: rgba(2, 5, 211, 0.0156862745); color: #0205d3; } .context-menu.breakpoint-context-menu .context-menu-item .btn { color: #888888; } .context-menu.breakpoint-context-menu .context-menu-item .btn:hover { color: #0205d3; } .context-menu.breakpoint-context-menu .context-menu-item .context-menu-content { display: flex; align-items: center; } .context-menu.breakpoint-context-menu .context-menu-item .context-menu-content.editing { column-gap: 8px; } .context-menu.breakpoint-context-menu .context-menu-item.disabled { display: flex; color: rgb(213, 213, 213); cursor: default; } .context-menu.breakpoint-context-menu .context-menu-item.disabled:hover { background-color: transparent; } .context-menu.breakpoint-context-menu .context-menu-item:first-child { margin-top: 4px; } .context-menu.breakpoint-context-menu .context-menu-item:last-child { margin-bottom: 4px; } .context-menu.breakpoint-context-menu.default-breakpoint-context-menu { width: 220px; } .context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default:hover { color: #0205d3; } .context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default .trailing-icon { padding-left: 8px; } .context-menu.breakpoint-context-menu.default-breakpoint-context-menu .context-menu-item.edit-default .trailing-icon:before { font-family: "FontAwesome"; content: "\f040"; } .context-menu.small-breakpoint-menu { width: 88px; } .context-menu.small-breakpoint-menu .context-menu-item { padding: 0px 8px 0px 8px; justify-content: flex-start; } .context-menu.workflow-items { width: 236px; z-index: 100000002; } .context-menu.workflow-items.event-type-picker { width: 288px; } .context-menu.workflow-items .context-menu-item { column-gap: 4px; padding: 8px; justify-items: start; } .context-menu.workflow-items .context-menu-item.search { padding: 0px 0px 0px 8px; } .context-menu.workflow-items .context-menu-item.separator { margin-bottom: 4px; margin-top: 4px; } .context-menu.workflow-items .context-menu-item.red { color: #f91d56; } .context-menu.workflow-items .context-menu-content { flex-grow: 1; } .context-menu.workflow-items .context-menu-item:first-child { margin-top: 4px; } .context-menu.workflow-items .context-menu-item:last-child { margin-bottom: 4px; } .top-menu .dropdown-option.hovered, .top-menu .context-menu-item:hover, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.hovered, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:hover, .composer-palette.element-picker .dropdown-option.hovered, .composer-palette.element-picker .context-menu-item:hover, .context-menu .dropdown-option.hovered, .context-menu .context-menu-item:hover, .arrange-panel .dropdown-option.hovered, .arrange-panel .context-menu-item:hover, .preview-panel .dropdown-option.hovered, .preview-panel .context-menu-item:hover { background-color: rgb(249, 249, 249); color: #000000; } .top-menu .context-menu-item, .top-menu .dropdown-option, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option, .composer-palette.element-picker .context-menu-item, .composer-palette.element-picker .dropdown-option, .context-menu .context-menu-item, .context-menu .dropdown-option, .arrange-panel .context-menu-item, .arrange-panel .dropdown-option, .preview-panel .context-menu-item, .preview-panel .dropdown-option { padding: 7px 15px 7px 29px; border-top: none; /*1px solid #E5E5E5;*/ position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; cursor: pointer; } .top-menu .context-menu-item:first-child, .top-menu .dropdown-option:first-child, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:first-child, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option:first-child, .composer-palette.element-picker .context-menu-item:first-child, .composer-palette.element-picker .dropdown-option:first-child, .context-menu .context-menu-item:first-child, .context-menu .dropdown-option:first-child, .arrange-panel .context-menu-item:first-child, .arrange-panel .dropdown-option:first-child, .preview-panel .context-menu-item:first-child, .preview-panel .dropdown-option:first-child { border-top: none; } .top-menu .context-menu-item .delete-page-btn.fa.fa-trash-o, .top-menu .dropdown-option .delete-page-btn.fa.fa-trash-o, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .delete-page-btn.fa.fa-trash-o, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .delete-page-btn.fa.fa-trash-o, .composer-palette.element-picker .context-menu-item .delete-page-btn.fa.fa-trash-o, .composer-palette.element-picker .dropdown-option .delete-page-btn.fa.fa-trash-o, .context-menu .context-menu-item .delete-page-btn.fa.fa-trash-o, .context-menu .dropdown-option .delete-page-btn.fa.fa-trash-o, .arrange-panel .context-menu-item .delete-page-btn.fa.fa-trash-o, .arrange-panel .dropdown-option .delete-page-btn.fa.fa-trash-o, .preview-panel .context-menu-item .delete-page-btn.fa.fa-trash-o, .preview-panel .dropdown-option .delete-page-btn.fa.fa-trash-o { float: right; margin-right: -10px; color: #c5c5c5; font-size: 11px; } .top-menu .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .top-menu .dropdown-option .delete-page-btn.fa.fa-trash-o:hover, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .delete-page-btn.fa.fa-trash-o:hover, .composer-palette.element-picker .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .composer-palette.element-picker .dropdown-option .delete-page-btn.fa.fa-trash-o:hover, .context-menu .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .context-menu .dropdown-option .delete-page-btn.fa.fa-trash-o:hover, .arrange-panel .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .arrange-panel .dropdown-option .delete-page-btn.fa.fa-trash-o:hover, .preview-panel .context-menu-item .delete-page-btn.fa.fa-trash-o:hover, .preview-panel .dropdown-option .delete-page-btn.fa.fa-trash-o:hover { color: rgb(176, 187, 190); } .top-menu .context-menu-item.beta_badge::after, .top-menu .dropdown-option.beta_badge::after, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.beta_badge::after, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.beta_badge::after, .composer-palette.element-picker .context-menu-item.beta_badge::after, .composer-palette.element-picker .dropdown-option.beta_badge::after, .context-menu .context-menu-item.beta_badge::after, .context-menu .dropdown-option.beta_badge::after, .arrange-panel .context-menu-item.beta_badge::after, .arrange-panel .dropdown-option.beta_badge::after, .preview-panel .context-menu-item.beta_badge::after, .preview-panel .dropdown-option.beta_badge::after { color: var(--b-txt-brand); background: var(--b-bg-brand1); font-size: 10px; font-weight: 600; padding: 2px 4px; margin-left: 4px; border-radius: 4px; content: "BETA"; } .top-menu .context-menu-item .needs-upgrade, .top-menu .dropdown-option .needs-upgrade, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item .needs-upgrade, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option .needs-upgrade, .composer-palette.element-picker .context-menu-item .needs-upgrade, .composer-palette.element-picker .dropdown-option .needs-upgrade, .context-menu .context-menu-item .needs-upgrade, .context-menu .dropdown-option .needs-upgrade, .arrange-panel .context-menu-item .needs-upgrade, .arrange-panel .dropdown-option .needs-upgrade, .preview-panel .context-menu-item .needs-upgrade, .preview-panel .dropdown-option .needs-upgrade { float: right; margin-right: 10px; color: #0205d3; font-size: 11px; } .top-menu .context-menu-item.disabled, .top-menu .dropdown-option.disabled, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled, .composer-palette.element-picker .context-menu-item.disabled, .composer-palette.element-picker .dropdown-option.disabled, .context-menu .context-menu-item.disabled, .context-menu .dropdown-option.disabled, .arrange-panel .context-menu-item.disabled, .arrange-panel .dropdown-option.disabled, .preview-panel .context-menu-item.disabled, .preview-panel .dropdown-option.disabled { color: rgb(213, 213, 213); cursor: default; } .top-menu .context-menu-item.disabled .disabled-option-msg, .top-menu .dropdown-option.disabled .disabled-option-msg, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled .disabled-option-msg, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled .disabled-option-msg, .composer-palette.element-picker .context-menu-item.disabled .disabled-option-msg, .composer-palette.element-picker .dropdown-option.disabled .disabled-option-msg, .context-menu .context-menu-item.disabled .disabled-option-msg, .context-menu .dropdown-option.disabled .disabled-option-msg, .arrange-panel .context-menu-item.disabled .disabled-option-msg, .arrange-panel .dropdown-option.disabled .disabled-option-msg, .preview-panel .context-menu-item.disabled .disabled-option-msg, .preview-panel .dropdown-option.disabled .disabled-option-msg { font-size: 8px; } .top-menu .context-menu-item.disabled:hover, .top-menu .context-menu-item.disabled.hovered, .top-menu .dropdown-option.disabled:hover, .top-menu .dropdown-option.disabled.hovered, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled:hover, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled.hovered, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled:hover, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled.hovered, .composer-palette.element-picker .context-menu-item.disabled:hover, .composer-palette.element-picker .context-menu-item.disabled.hovered, .composer-palette.element-picker .dropdown-option.disabled:hover, .composer-palette.element-picker .dropdown-option.disabled.hovered, .context-menu .context-menu-item.disabled:hover, .context-menu .context-menu-item.disabled.hovered, .context-menu .dropdown-option.disabled:hover, .context-menu .dropdown-option.disabled.hovered, .arrange-panel .context-menu-item.disabled:hover, .arrange-panel .context-menu-item.disabled.hovered, .arrange-panel .dropdown-option.disabled:hover, .arrange-panel .dropdown-option.disabled.hovered, .preview-panel .context-menu-item.disabled:hover, .preview-panel .context-menu-item.disabled.hovered, .preview-panel .dropdown-option.disabled:hover, .preview-panel .dropdown-option.disabled.hovered { background-color: transparent; } .top-menu .context-menu-item.current_page, .top-menu .context-menu-item.currently-selected-option, .top-menu .context-menu-item.current_page:before, .top-menu .dropdown-option.current_page, .top-menu .dropdown-option.currently-selected-option, .top-menu .dropdown-option.current_page:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.current_page, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.currently-selected-option, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.current_page:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.current_page, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.currently-selected-option, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.current_page:before, .composer-palette.element-picker .context-menu-item.current_page, .composer-palette.element-picker .context-menu-item.currently-selected-option, .composer-palette.element-picker .context-menu-item.current_page:before, .composer-palette.element-picker .dropdown-option.current_page, .composer-palette.element-picker .dropdown-option.currently-selected-option, .composer-palette.element-picker .dropdown-option.current_page:before, .context-menu .context-menu-item.current_page, .context-menu .context-menu-item.currently-selected-option, .context-menu .context-menu-item.current_page:before, .context-menu .dropdown-option.current_page, .context-menu .dropdown-option.currently-selected-option, .context-menu .dropdown-option.current_page:before, .arrange-panel .context-menu-item.current_page, .arrange-panel .context-menu-item.currently-selected-option, .arrange-panel .context-menu-item.current_page:before, .arrange-panel .dropdown-option.current_page, .arrange-panel .dropdown-option.currently-selected-option, .arrange-panel .dropdown-option.current_page:before, .preview-panel .context-menu-item.current_page, .preview-panel .context-menu-item.currently-selected-option, .preview-panel .context-menu-item.current_page:before, .preview-panel .dropdown-option.current_page, .preview-panel .dropdown-option.currently-selected-option, .preview-panel .dropdown-option.current_page:before { color: #0205d3; } .top-menu .context-menu-item.separator, .top-menu .dropdown-option.separator, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.separator, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.separator, .composer-palette.element-picker .context-menu-item.separator, .composer-palette.element-picker .dropdown-option.separator, .context-menu .context-menu-item.separator, .context-menu .dropdown-option.separator, .arrange-panel .context-menu-item.separator, .arrange-panel .dropdown-option.separator, .preview-panel .context-menu-item.separator, .preview-panel .dropdown-option.separator { border-bottom: 1px solid rgb(245, 245, 245); height: 0; padding: 0; } .top-menu .context-menu-item:before, .top-menu .dropdown-option:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option:before, .composer-palette.element-picker .context-menu-item:before, .composer-palette.element-picker .dropdown-option:before, .context-menu .context-menu-item:before, .context-menu .dropdown-option:before, .arrange-panel .context-menu-item:before, .arrange-panel .dropdown-option:before, .preview-panel .context-menu-item:before, .preview-panel .dropdown-option:before { font-family: "FontAwesome"; font-size: 12px; margin-left: -20px; margin-right: 8px; position: absolute; text-align: center; width: 11px; color: #adadad; } .top-menu .context-menu-item.disabled:before, .top-menu .dropdown-option.disabled:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.disabled:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.disabled:before, .composer-palette.element-picker .context-menu-item.disabled:before, .composer-palette.element-picker .dropdown-option.disabled:before, .context-menu .context-menu-item.disabled:before, .context-menu .dropdown-option.disabled:before, .arrange-panel .context-menu-item.disabled:before, .arrange-panel .dropdown-option.disabled:before, .preview-panel .context-menu-item.disabled:before, .preview-panel .dropdown-option.disabled:before { color: #dcdcdc; } .top-menu .context-menu-item.page_name:before, .top-menu .dropdown-option.page_name:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.page_name:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.page_name:before, .composer-palette.element-picker .context-menu-item.page_name:before, .composer-palette.element-picker .dropdown-option.page_name:before, .context-menu .context-menu-item.page_name:before, .context-menu .dropdown-option.page_name:before, .arrange-panel .context-menu-item.page_name:before, .arrange-panel .dropdown-option.page_name:before, .preview-panel .context-menu-item.page_name:before, .preview-panel .dropdown-option.page_name:before { content: "" !important; } .top-menu .context-menu-item.api:before, .top-menu .dropdown-option.api:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.api:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.api:before, .composer-palette.element-picker .context-menu-item.api:before, .composer-palette.element-picker .dropdown-option.api:before, .context-menu .context-menu-item.api:before, .context-menu .dropdown-option.api:before, .arrange-panel .context-menu-item.api:before, .arrange-panel .dropdown-option.api:before, .preview-panel .context-menu-item.api:before, .preview-panel .dropdown-option.api:before { content: "\f20e"; } .top-menu .context-menu-item.unchecked:before, .top-menu .dropdown-option.unchecked:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.unchecked:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.unchecked:before, .composer-palette.element-picker .context-menu-item.unchecked:before, .composer-palette.element-picker .dropdown-option.unchecked:before, .context-menu .context-menu-item.unchecked:before, .context-menu .dropdown-option.unchecked:before, .arrange-panel .context-menu-item.unchecked:before, .arrange-panel .dropdown-option.unchecked:before, .preview-panel .context-menu-item.unchecked:before, .preview-panel .dropdown-option.unchecked:before { content: "\f096"; } .top-menu .context-menu-item.checked:before, .top-menu .dropdown-option.checked:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.checked:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.checked:before, .composer-palette.element-picker .context-menu-item.checked:before, .composer-palette.element-picker .dropdown-option.checked:before, .context-menu .context-menu-item.checked:before, .context-menu .dropdown-option.checked:before, .arrange-panel .context-menu-item.checked:before, .arrange-panel .dropdown-option.checked:before, .preview-panel .context-menu-item.checked:before, .preview-panel .dropdown-option.checked:before { content: "\f046"; } .top-menu .context-menu-item.undo:before, .top-menu .dropdown-option.undo:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.undo:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.undo:before, .composer-palette.element-picker .context-menu-item.undo:before, .composer-palette.element-picker .dropdown-option.undo:before, .context-menu .context-menu-item.undo:before, .context-menu .dropdown-option.undo:before, .arrange-panel .context-menu-item.undo:before, .arrange-panel .dropdown-option.undo:before, .preview-panel .context-menu-item.undo:before, .preview-panel .dropdown-option.undo:before { content: "\f0e2"; } .top-menu .context-menu-item.redo:before, .top-menu .dropdown-option.redo:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.redo:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.redo:before, .composer-palette.element-picker .context-menu-item.redo:before, .composer-palette.element-picker .dropdown-option.redo:before, .context-menu .context-menu-item.redo:before, .context-menu .dropdown-option.redo:before, .arrange-panel .context-menu-item.redo:before, .arrange-panel .dropdown-option.redo:before, .preview-panel .context-menu-item.redo:before, .preview-panel .dropdown-option.redo:before { content: "\f01e"; } .top-menu .context-menu-item.cut:before, .top-menu .dropdown-option.cut:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.cut:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.cut:before, .composer-palette.element-picker .context-menu-item.cut:before, .composer-palette.element-picker .dropdown-option.cut:before, .context-menu .context-menu-item.cut:before, .context-menu .dropdown-option.cut:before, .arrange-panel .context-menu-item.cut:before, .arrange-panel .dropdown-option.cut:before, .preview-panel .context-menu-item.cut:before, .preview-panel .dropdown-option.cut:before { content: "\f0c4"; } .top-menu .context-menu-item.copy:before, .top-menu .dropdown-option.copy:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy:before, .composer-palette.element-picker .context-menu-item.copy:before, .composer-palette.element-picker .dropdown-option.copy:before, .context-menu .context-menu-item.copy:before, .context-menu .dropdown-option.copy:before, .arrange-panel .context-menu-item.copy:before, .arrange-panel .dropdown-option.copy:before, .preview-panel .context-menu-item.copy:before, .preview-panel .dropdown-option.copy:before { content: "\f0c5"; } .top-menu .context-menu-item.copy_to_another_app:before, .top-menu .dropdown-option.copy_to_another_app:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_to_another_app:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_to_another_app:before, .composer-palette.element-picker .context-menu-item.copy_to_another_app:before, .composer-palette.element-picker .dropdown-option.copy_to_another_app:before, .context-menu .context-menu-item.copy_to_another_app:before, .context-menu .dropdown-option.copy_to_another_app:before, .arrange-panel .context-menu-item.copy_to_another_app:before, .arrange-panel .dropdown-option.copy_to_another_app:before, .preview-panel .context-menu-item.copy_to_another_app:before, .preview-panel .dropdown-option.copy_to_another_app:before { content: "\f019"; } .top-menu .context-menu-item.convert_into:before, .top-menu .dropdown-option.convert_into:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.convert_into:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.convert_into:before, .composer-palette.element-picker .context-menu-item.convert_into:before, .composer-palette.element-picker .dropdown-option.convert_into:before, .context-menu .context-menu-item.convert_into:before, .context-menu .dropdown-option.convert_into:before, .arrange-panel .context-menu-item.convert_into:before, .arrange-panel .dropdown-option.convert_into:before, .preview-panel .context-menu-item.convert_into:before, .preview-panel .dropdown-option.convert_into:before { content: "\f006"; } .top-menu .context-menu-item.group_elements.in.a.group:before, .top-menu .dropdown-option.group_elements.in.a.group:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.group_elements.in.a.group:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.group_elements.in.a.group:before, .composer-palette.element-picker .context-menu-item.group_elements.in.a.group:before, .composer-palette.element-picker .dropdown-option.group_elements.in.a.group:before, .context-menu .context-menu-item.group_elements.in.a.group:before, .context-menu .dropdown-option.group_elements.in.a.group:before, .arrange-panel .context-menu-item.group_elements.in.a.group:before, .arrange-panel .dropdown-option.group_elements.in.a.group:before, .preview-panel .context-menu-item.group_elements.in.a.group:before, .preview-panel .dropdown-option.group_elements.in.a.group:before { content: "\f247"; } .top-menu .context-menu-item.group_elements.fixed:before, .top-menu .dropdown-option.group_elements.fixed:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.group_elements.fixed:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.group_elements.fixed:before, .composer-palette.element-picker .context-menu-item.group_elements.fixed:before, .composer-palette.element-picker .dropdown-option.group_elements.fixed:before, .context-menu .context-menu-item.group_elements.fixed:before, .context-menu .dropdown-option.group_elements.fixed:before, .arrange-panel .context-menu-item.group_elements.fixed:before, .arrange-panel .dropdown-option.group_elements.fixed:before, .preview-panel .context-menu-item.group_elements.fixed:before, .preview-panel .dropdown-option.group_elements.fixed:before { content: "\f247"; } .top-menu .context-menu-item.ungroup_these:before, .top-menu .dropdown-option.ungroup_these:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.ungroup_these:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.ungroup_these:before, .composer-palette.element-picker .context-menu-item.ungroup_these:before, .composer-palette.element-picker .dropdown-option.ungroup_these:before, .context-menu .context-menu-item.ungroup_these:before, .context-menu .dropdown-option.ungroup_these:before, .arrange-panel .context-menu-item.ungroup_these:before, .arrange-panel .dropdown-option.ungroup_these:before, .preview-panel .context-menu-item.ungroup_these:before, .preview-panel .dropdown-option.ungroup_these:before { content: "\f248"; } .top-menu .context-menu-item.paste:before, .top-menu .dropdown-option.paste:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste:before, .composer-palette.element-picker .context-menu-item.paste:before, .composer-palette.element-picker .dropdown-option.paste:before, .context-menu .context-menu-item.paste:before, .context-menu .dropdown-option.paste:before, .arrange-panel .context-menu-item.paste:before, .arrange-panel .dropdown-option.paste:before, .preview-panel .context-menu-item.paste:before, .preview-panel .dropdown-option.paste:before { content: "\f0ea"; } .top-menu .context-menu-item.select_all:before, .top-menu .dropdown-option.select_all:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.select_all:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.select_all:before, .composer-palette.element-picker .context-menu-item.select_all:before, .composer-palette.element-picker .dropdown-option.select_all:before, .context-menu .context-menu-item.select_all:before, .context-menu .dropdown-option.select_all:before, .arrange-panel .context-menu-item.select_all:before, .arrange-panel .dropdown-option.select_all:before, .preview-panel .context-menu-item.select_all:before, .preview-panel .dropdown-option.select_all:before { content: "\f00a"; } .top-menu .context-menu-item.copy_formatting:before, .top-menu .context-menu-item.copy_style:before, .top-menu .dropdown-option.copy_formatting:before, .top-menu .dropdown-option.copy_style:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_formatting:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.copy_style:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_formatting:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.copy_style:before, .composer-palette.element-picker .context-menu-item.copy_formatting:before, .composer-palette.element-picker .context-menu-item.copy_style:before, .composer-palette.element-picker .dropdown-option.copy_formatting:before, .composer-palette.element-picker .dropdown-option.copy_style:before, .context-menu .context-menu-item.copy_formatting:before, .context-menu .context-menu-item.copy_style:before, .context-menu .dropdown-option.copy_formatting:before, .context-menu .dropdown-option.copy_style:before, .arrange-panel .context-menu-item.copy_formatting:before, .arrange-panel .context-menu-item.copy_style:before, .arrange-panel .dropdown-option.copy_formatting:before, .arrange-panel .dropdown-option.copy_style:before, .preview-panel .context-menu-item.copy_formatting:before, .preview-panel .context-menu-item.copy_style:before, .preview-panel .dropdown-option.copy_formatting:before, .preview-panel .dropdown-option.copy_style:before { content: "\f12d"; } .top-menu .context-menu-item.replace_by:before, .top-menu .dropdown-option.replace_by:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.replace_by:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.replace_by:before, .composer-palette.element-picker .context-menu-item.replace_by:before, .composer-palette.element-picker .dropdown-option.replace_by:before, .context-menu .context-menu-item.replace_by:before, .context-menu .dropdown-option.replace_by:before, .arrange-panel .context-menu-item.replace_by:before, .arrange-panel .dropdown-option.replace_by:before, .preview-panel .context-menu-item.replace_by:before, .preview-panel .dropdown-option.replace_by:before { content: "\f0ec"; } .top-menu .context-menu-item.paste_formatting:before, .top-menu .context-menu-item.paste_style:before, .top-menu .dropdown-option.paste_formatting:before, .top-menu .dropdown-option.paste_style:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste_formatting:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.paste_style:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste_formatting:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.paste_style:before, .composer-palette.element-picker .context-menu-item.paste_formatting:before, .composer-palette.element-picker .context-menu-item.paste_style:before, .composer-palette.element-picker .dropdown-option.paste_formatting:before, .composer-palette.element-picker .dropdown-option.paste_style:before, .context-menu .context-menu-item.paste_formatting:before, .context-menu .context-menu-item.paste_style:before, .context-menu .dropdown-option.paste_formatting:before, .context-menu .dropdown-option.paste_style:before, .arrange-panel .context-menu-item.paste_formatting:before, .arrange-panel .context-menu-item.paste_style:before, .arrange-panel .dropdown-option.paste_formatting:before, .arrange-panel .dropdown-option.paste_style:before, .preview-panel .context-menu-item.paste_formatting:before, .preview-panel .context-menu-item.paste_style:before, .preview-panel .dropdown-option.paste_formatting:before, .preview-panel .dropdown-option.paste_style:before { content: "\f15c"; } .top-menu .context-menu-item.clone_this:before, .top-menu .dropdown-option.clone_this:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.clone_this:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.clone_this:before, .composer-palette.element-picker .context-menu-item.clone_this:before, .composer-palette.element-picker .dropdown-option.clone_this:before, .context-menu .context-menu-item.clone_this:before, .context-menu .dropdown-option.clone_this:before, .arrange-panel .context-menu-item.clone_this:before, .arrange-panel .dropdown-option.clone_this:before, .preview-panel .context-menu-item.clone_this:before, .preview-panel .dropdown-option.clone_this:before { content: "\f016"; } .top-menu .context-menu-item.tutorial_videos:before, .top-menu .dropdown-option.tutorial_videos:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.tutorial_videos:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.tutorial_videos:before, .composer-palette.element-picker .context-menu-item.tutorial_videos:before, .composer-palette.element-picker .dropdown-option.tutorial_videos:before, .context-menu .context-menu-item.tutorial_videos:before, .context-menu .dropdown-option.tutorial_videos:before, .arrange-panel .context-menu-item.tutorial_videos:before, .arrange-panel .dropdown-option.tutorial_videos:before, .preview-panel .context-menu-item.tutorial_videos:before, .preview-panel .dropdown-option.tutorial_videos:before { content: "\f008"; } .top-menu .context-menu-item.shortcuts_list:before, .top-menu .dropdown-option.shortcuts_list:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.shortcuts_list:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.shortcuts_list:before, .composer-palette.element-picker .context-menu-item.shortcuts_list:before, .composer-palette.element-picker .dropdown-option.shortcuts_list:before, .context-menu .context-menu-item.shortcuts_list:before, .context-menu .dropdown-option.shortcuts_list:before, .arrange-panel .context-menu-item.shortcuts_list:before, .arrange-panel .dropdown-option.shortcuts_list:before, .preview-panel .context-menu-item.shortcuts_list:before, .preview-panel .dropdown-option.shortcuts_list:before { content: "\f022"; } .top-menu .context-menu-item.references:before, .top-menu .context-menu-item.academy:before, .top-menu .dropdown-option.references:before, .top-menu .dropdown-option.academy:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.references:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.academy:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.references:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.academy:before, .composer-palette.element-picker .context-menu-item.references:before, .composer-palette.element-picker .context-menu-item.academy:before, .composer-palette.element-picker .dropdown-option.references:before, .composer-palette.element-picker .dropdown-option.academy:before, .context-menu .context-menu-item.references:before, .context-menu .context-menu-item.academy:before, .context-menu .dropdown-option.references:before, .context-menu .dropdown-option.academy:before, .arrange-panel .context-menu-item.references:before, .arrange-panel .context-menu-item.academy:before, .arrange-panel .dropdown-option.references:before, .arrange-panel .dropdown-option.academy:before, .preview-panel .context-menu-item.references:before, .preview-panel .context-menu-item.academy:before, .preview-panel .dropdown-option.references:before, .preview-panel .dropdown-option.academy:before { content: "\f02d"; } .top-menu .context-menu-item.forum:before, .top-menu .dropdown-option.forum:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.forum:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.forum:before, .composer-palette.element-picker .context-menu-item.forum:before, .composer-palette.element-picker .dropdown-option.forum:before, .context-menu .context-menu-item.forum:before, .context-menu .dropdown-option.forum:before, .arrange-panel .context-menu-item.forum:before, .arrange-panel .dropdown-option.forum:before, .preview-panel .context-menu-item.forum:before, .preview-panel .dropdown-option.forum:before { content: "\f0c0"; } .top-menu .context-menu-item.responsive_engine:before, .top-menu .dropdown-option.responsive_engine:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.responsive_engine:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.responsive_engine:before, .composer-palette.element-picker .context-menu-item.responsive_engine:before, .composer-palette.element-picker .dropdown-option.responsive_engine:before, .context-menu .context-menu-item.responsive_engine:before, .context-menu .dropdown-option.responsive_engine:before, .arrange-panel .context-menu-item.responsive_engine:before, .arrange-panel .dropdown-option.responsive_engine:before, .preview-panel .context-menu-item.responsive_engine:before, .preview-panel .dropdown-option.responsive_engine:before { content: "\f10b"; } .top-menu .context-menu-item.explore_third-party.resources:before, .top-menu .dropdown-option.explore_third-party.resources:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.explore_third-party.resources:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.explore_third-party.resources:before, .composer-palette.element-picker .context-menu-item.explore_third-party.resources:before, .composer-palette.element-picker .dropdown-option.explore_third-party.resources:before, .context-menu .context-menu-item.explore_third-party.resources:before, .context-menu .dropdown-option.explore_third-party.resources:before, .arrange-panel .context-menu-item.explore_third-party.resources:before, .arrange-panel .dropdown-option.explore_third-party.resources:before, .preview-panel .context-menu-item.explore_third-party.resources:before, .preview-panel .dropdown-option.explore_third-party.resources:before { content: "\f005"; } .top-menu .context-menu-item.report_a:before, .top-menu .dropdown-option.report_a:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.report_a:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.report_a:before, .composer-palette.element-picker .context-menu-item.report_a:before, .composer-palette.element-picker .dropdown-option.report_a:before, .context-menu .context-menu-item.report_a:before, .context-menu .dropdown-option.report_a:before, .arrange-panel .context-menu-item.report_a:before, .arrange-panel .dropdown-option.report_a:before, .preview-panel .context-menu-item.report_a:before, .preview-panel .dropdown-option.report_a:before { content: "\f188"; } .top-menu .context-menu-item.ask_for:before, .top-menu .dropdown-option.ask_for:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.ask_for:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.ask_for:before, .composer-palette.element-picker .context-menu-item.ask_for:before, .composer-palette.element-picker .dropdown-option.ask_for:before, .context-menu .context-menu-item.ask_for:before, .context-menu .dropdown-option.ask_for:before, .arrange-panel .context-menu-item.ask_for:before, .arrange-panel .dropdown-option.ask_for:before, .preview-panel .context-menu-item.ask_for:before, .preview-panel .dropdown-option.ask_for:before { content: "\f128"; } .top-menu .context-menu-item.learning_lessons:before, .top-menu .dropdown-option.learning_lessons:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.learning_lessons:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.learning_lessons:before, .composer-palette.element-picker .context-menu-item.learning_lessons:before, .composer-palette.element-picker .dropdown-option.learning_lessons:before, .context-menu .context-menu-item.learning_lessons:before, .context-menu .dropdown-option.learning_lessons:before, .arrange-panel .context-menu-item.learning_lessons:before, .arrange-panel .dropdown-option.learning_lessons:before, .preview-panel .context-menu-item.learning_lessons:before, .preview-panel .dropdown-option.learning_lessons:before { content: "\f135"; } .top-menu .context-menu-item.learning:before, .top-menu .dropdown-option.learning:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.learning:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.learning:before, .composer-palette.element-picker .context-menu-item.learning:before, .composer-palette.element-picker .dropdown-option.learning:before, .context-menu .context-menu-item.learning:before, .context-menu .dropdown-option.learning:before, .arrange-panel .context-menu-item.learning:before, .arrange-panel .dropdown-option.learning:before, .preview-panel .context-menu-item.learning:before, .preview-panel .dropdown-option.learning:before { content: "\f109"; } .top-menu .context-menu-item.get_some.help:before, .top-menu .dropdown-option.get_some.help:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.get_some.help:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.get_some.help:before, .composer-palette.element-picker .context-menu-item.get_some.help:before, .composer-palette.element-picker .dropdown-option.get_some.help:before, .context-menu .context-menu-item.get_some.help:before, .context-menu .dropdown-option.get_some.help:before, .arrange-panel .context-menu-item.get_some.help:before, .arrange-panel .dropdown-option.get_some.help:before, .preview-panel .context-menu-item.get_some.help:before, .preview-panel .dropdown-option.get_some.help:before { content: "\f0d0"; } .top-menu .context-menu-item.my_applications:before, .top-menu .context-menu-item.my_plugins:before, .top-menu .context-menu-item.my_templates:before, .top-menu .context-menu-item.my_account:before, .top-menu .context-menu-item.log_out:before, .top-menu .dropdown-option.my_applications:before, .top-menu .dropdown-option.my_plugins:before, .top-menu .dropdown-option.my_templates:before, .top-menu .dropdown-option.my_account:before, .top-menu .dropdown-option.log_out:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_applications:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_plugins:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_templates:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_account:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.log_out:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_applications:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_plugins:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_templates:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_account:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.log_out:before, .composer-palette.element-picker .context-menu-item.my_applications:before, .composer-palette.element-picker .context-menu-item.my_plugins:before, .composer-palette.element-picker .context-menu-item.my_templates:before, .composer-palette.element-picker .context-menu-item.my_account:before, .composer-palette.element-picker .context-menu-item.log_out:before, .composer-palette.element-picker .dropdown-option.my_applications:before, .composer-palette.element-picker .dropdown-option.my_plugins:before, .composer-palette.element-picker .dropdown-option.my_templates:before, .composer-palette.element-picker .dropdown-option.my_account:before, .composer-palette.element-picker .dropdown-option.log_out:before, .context-menu .context-menu-item.my_applications:before, .context-menu .context-menu-item.my_plugins:before, .context-menu .context-menu-item.my_templates:before, .context-menu .context-menu-item.my_account:before, .context-menu .context-menu-item.log_out:before, .context-menu .dropdown-option.my_applications:before, .context-menu .dropdown-option.my_plugins:before, .context-menu .dropdown-option.my_templates:before, .context-menu .dropdown-option.my_account:before, .context-menu .dropdown-option.log_out:before, .arrange-panel .context-menu-item.my_applications:before, .arrange-panel .context-menu-item.my_plugins:before, .arrange-panel .context-menu-item.my_templates:before, .arrange-panel .context-menu-item.my_account:before, .arrange-panel .context-menu-item.log_out:before, .arrange-panel .dropdown-option.my_applications:before, .arrange-panel .dropdown-option.my_plugins:before, .arrange-panel .dropdown-option.my_templates:before, .arrange-panel .dropdown-option.my_account:before, .arrange-panel .dropdown-option.log_out:before, .preview-panel .context-menu-item.my_applications:before, .preview-panel .context-menu-item.my_plugins:before, .preview-panel .context-menu-item.my_templates:before, .preview-panel .context-menu-item.my_account:before, .preview-panel .context-menu-item.log_out:before, .preview-panel .dropdown-option.my_applications:before, .preview-panel .dropdown-option.my_plugins:before, .preview-panel .dropdown-option.my_templates:before, .preview-panel .dropdown-option.my_account:before, .preview-panel .dropdown-option.log_out:before { font-family: "newbubble"; color: #5d5d5d; font-size: 13px; } .top-menu .context-menu-item.my_applications:before, .top-menu .dropdown-option.my_applications:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_applications:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_applications:before, .composer-palette.element-picker .context-menu-item.my_applications:before, .composer-palette.element-picker .dropdown-option.my_applications:before, .context-menu .context-menu-item.my_applications:before, .context-menu .dropdown-option.my_applications:before, .arrange-panel .context-menu-item.my_applications:before, .arrange-panel .dropdown-option.my_applications:before, .preview-panel .context-menu-item.my_applications:before, .preview-panel .dropdown-option.my_applications:before { content: "\e900"; } .top-menu .context-menu-item.my_plugins:before, .top-menu .dropdown-option.my_plugins:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_plugins:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_plugins:before, .composer-palette.element-picker .context-menu-item.my_plugins:before, .composer-palette.element-picker .dropdown-option.my_plugins:before, .context-menu .context-menu-item.my_plugins:before, .context-menu .dropdown-option.my_plugins:before, .arrange-panel .context-menu-item.my_plugins:before, .arrange-panel .dropdown-option.my_plugins:before, .preview-panel .context-menu-item.my_plugins:before, .preview-panel .dropdown-option.my_plugins:before { content: "\e901"; } .top-menu .context-menu-item.my_templates:before, .top-menu .dropdown-option.my_templates:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_templates:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_templates:before, .composer-palette.element-picker .context-menu-item.my_templates:before, .composer-palette.element-picker .dropdown-option.my_templates:before, .context-menu .context-menu-item.my_templates:before, .context-menu .dropdown-option.my_templates:before, .arrange-panel .context-menu-item.my_templates:before, .arrange-panel .dropdown-option.my_templates:before, .preview-panel .context-menu-item.my_templates:before, .preview-panel .dropdown-option.my_templates:before { content: "\e903"; } .top-menu .context-menu-item.my_account:before, .top-menu .dropdown-option.my_account:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.my_account:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.my_account:before, .composer-palette.element-picker .context-menu-item.my_account:before, .composer-palette.element-picker .dropdown-option.my_account:before, .context-menu .context-menu-item.my_account:before, .context-menu .dropdown-option.my_account:before, .arrange-panel .context-menu-item.my_account:before, .arrange-panel .dropdown-option.my_account:before, .preview-panel .context-menu-item.my_account:before, .preview-panel .dropdown-option.my_account:before { content: "\e902"; } .top-menu .context-menu-item.log_out:before, .top-menu .dropdown-option.log_out:before, .composer-palette.bubble-ui:not(.icon_palette) .context-menu-item.log_out:before, .composer-palette.bubble-ui:not(.icon_palette) .dropdown-option.log_out:before, .composer-palette.element-picker .context-menu-item.log_out:before, .composer-palette.element-picker .dropdown-option.log_out:before, .context-menu .context-menu-item.log_out:before, .context-menu .dropdown-option.log_out:before, .arrange-panel .context-menu-item.log_out:before, .arrange-panel .dropdown-option.log_out:before, .preview-panel .context-menu-item.log_out:before, .preview-panel .dropdown-option.log_out:before { content: "\e904"; } .top-menu.user-name, .composer-palette.bubble-ui:not(.icon_palette).user-name, .composer-palette.element-picker.user-name, .context-menu.user-name, .arrange-panel.user-name, .preview-panel.user-name { width: 120px; } .menu-bar .project-name.menu-item:hover, .menu-bar .project-name.menu-item.open, .menu-bar .project-name.menu-item.selected, .version-dropdown:hover, .version-dropdown.open, .version-dropdown.selected, .element-picker .spot:hover, .element-picker .spot.open, .element-picker .spot.selected, .menu-bar .user-name:hover, .menu-bar .user-name.open, .menu-bar .user-name.selected, .menu-bar .menu-item:not(.log-in):hover, .menu-bar .menu-item:not(.log-in).open, .menu-bar .menu-item:not(.log-in).selected { background-color: rgb(249, 249, 249) !important; } .menu-bar .project-name { padding-left: 8px; text-align: left; border-left: 1px solid #ebf0f2; border-right: 1px solid #ebf0f2; } .menu-bar .empty_space_2 { float: right; } .menu-bar .simple-notification { float: left; width: 40px; padding-top: 11px; color: #b5b5b5; text-align: center; } .menu-bar .empty_space_3 { float: right; width: 15px; } .context-menu .context-menu-item.disabled { display: none; } .context-menu .context-menu-item.separator.disabled { display: block; } .context-menu-item { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; cursor: pointer; } .context-menu-item:first-child { border-top: none; } .toolbox-panel { width: 100%; clear: left; float: left; display: none; margin-bottom: 50px; padding-bottom: 3px; margin-bottom: 20px; } .toolbox-panel h3 { text-align: center; font-size: 11px; margin-top: 6px; margin-bottom: 6px; } .toolbox-panel h2 { text-align: center; color: white; font-size: 12px; margin-top: 9px; margin-bottom: 9px; } .toolbox-panel hr { border: none; height: 1px; margin-top: 6px; margin-bottom: 6px; } .toolbox-pane { width: 186px; font-size: 12px; border-left: 1px solid #dcdcdc; background-color: white; overflow-y: auto; height: 100%; z-index: 1; } .layers-box h2, .section_title { cursor: pointer; float: left; font-size: 13px; color: rgb(0, 0, 0); padding: 6px 15px 10px 18px; background-color: #f5f5f5; height: 27px; width: 100%; border-bottom: 1px solid #dcdcdc; overflow: hidden; } .layers-box h2:before, .section_title:before { font-family: "FontAwesome"; content: "\f0da"; font-size: 14px; margin-left: 3px; margin-right: 10px; width: 12px; } .layers-box h2.open:before, .section_title.open:before { content: "\f0d7"; margin-left: 0px; margin-right: 10px; } .entry-list, .folders-wrapper { float: left; width: 100%; } .entry-list .bubble-ui.btn.add-folder-btn, .folders-wrapper .bubble-ui.btn.add-folder-btn { float: left; margin: 15px 0 15px 26px; width: 133px; } .entry-list .folders-list, .folders-wrapper .folders-list, .toolbox-pane.plugin-elements .folders-list, .toolbox-pane.plugin-actions .folders-list { display: block; padding: 0px; cursor: default; overflow: auto; } .entry-list .folder-row, .folders-wrapper .folder-row, .toolbox-pane.plugin-elements .folder-row, .toolbox-pane.plugin-actions .folder-row { padding-left: 2px; overflow: auto; margin-bottom: 0px; cursor: pointer; height: 22px; width: 100%; display: table; } .entry-list .folder-caption, .folders-wrapper .folder-caption, .toolbox-pane.plugin-elements .folder-caption, .toolbox-pane.plugin-actions .folder-caption { display: table-cell; vertical-align: middle; max-width: 77px; width: 100%; font-weight: 400; padding: 0px 2px 0px 5px; white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break: break-all; white-space: normal; } .entry-list .folder-caption:hover, .folders-wrapper .folder-caption:hover, .toolbox-pane.plugin-elements .folder-caption:hover, .toolbox-pane.plugin-actions .folder-caption:hover { background-color: rgb(249, 249, 249); } .entry-list .folder.bubble-ui.delete-btn, .entry-list .folder.bubble-ui.copy-btn, .entry-list .folder.bubble-ui.modify-btn, .folders-wrapper .folder.bubble-ui.delete-btn, .folders-wrapper .folder.bubble-ui.copy-btn, .folders-wrapper .folder.bubble-ui.modify-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn { position: absolute; margin-top: -12px; } .entry-list .folder.bubble-ui.delete-btn, .folders-wrapper .folder.bubble-ui.delete-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn { right: 5px; } .entry-list .folder.bubble-ui.delete-btn:before, .folders-wrapper .folder.bubble-ui.delete-btn:before, .toolbox-pane.plugin-elements .folder.bubble-ui.delete-btn:before, .toolbox-pane.plugin-actions .folder.bubble-ui.delete-btn:before { font-size: 12px; } .entry-list .folder.bubble-ui.modify-btn, .folders-wrapper .folder.bubble-ui.modify-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn { right: 20px; } .entry-list .folder.bubble-ui.modify-btn:before, .folders-wrapper .folder.bubble-ui.modify-btn:before, .toolbox-pane.plugin-elements .folder.bubble-ui.modify-btn:before, .toolbox-pane.plugin-actions .folder.bubble-ui.modify-btn:before { font-size: 10px; } .entry-list .folder.bubble-ui.copy-btn, .folders-wrapper .folder.bubble-ui.copy-btn, .toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn, .toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn { right: 22px; } .entry-list .folder.bubble-ui.copy-btn:before, .folders-wrapper .folder.bubble-ui.copy-btn:before, .toolbox-pane.plugin-elements .folder.bubble-ui.copy-btn:before, .toolbox-pane.plugin-actions .folder.bubble-ui.copy-btn:before { font-size: 10px; } .entry-list .folder-icon, .folders-wrapper .folder-icon, .toolbox-pane.plugin-elements .folder-icon, .toolbox-pane.plugin-actions .folder-icon { width: 20px; height: 27px; text-align: center; border-right: 1px solid rgb(245, 245, 245); } .entry-list .folder-icon:before, .folders-wrapper .folder-icon:before, .toolbox-pane.plugin-elements .folder-icon:before, .toolbox-pane.plugin-actions .folder-icon:before { font-family: "FontAwesome"; content: ""; position: relative; top: 2px; } .entry-list .folder-icon:hover, .folders-wrapper .folder-icon:hover, .toolbox-pane.plugin-elements .folder-icon:hover, .toolbox-pane.plugin-actions .folder-icon:hover { color: #8e8e8e; } .entry-list .folder-icon:before, .folders-wrapper .folder-icon:before, .toolbox-pane.plugin-elements .folder-icon:before, .toolbox-pane.plugin-actions .folder-icon:before { top: 7px; } .entry-list .folder-row.selected .folder-icon:before, .folders-wrapper .folder-row.selected .folder-icon:before, .toolbox-pane.plugin-elements .folder-row.selected .folder-icon:before, .toolbox-pane.plugin-actions .folder-row.selected .folder-icon:before { content: "\f06e"; } .folders-wrapper .folder-caption { padding-right: 30px; } .bubble-ui.btn.feedback-button { margin-top: 20px; margin-right: 40px; font-size: 14px; box-shadow: 0px 2px 4px black; } /* ---------------------------------- STATUS NOTIFICATION (ie "Saving..." message) ---------------------------------- */ .status-notification { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50000010; background-color: rgba(255, 255, 255, 0.94); } .status-notification .message-box { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; position: fixed; top: 100px; width: 400px; height: 180px; left: 50%; margin-left: -200px; } .status-notification .message-box .subtitle { text-align: center; font-size: 16px; color: #0205d3; margin-top: 40px; line-height: 30px; white-space: pre-line; } .loading-animation { width: 100%; height: 100px; } .loading-animation .bubble, .loading-animation .pulse { left: 50%; top: 50%; position: absolute; border-radius: 50%; } .loading-animation .bubble { width: 30px; height: 30px; background: #0205d3; margin: -20px 0 0 -20px; animation-name: bounce; animation-fill-mode: both; animation-duration: 1s; z-index: 3; } .loading-animation .pulse { background: rgba(0, 0, 0, 0.1); height: 14px; width: 14px; margin: 11px 0px 0px -12px; transform: rotateX(55deg); z-index: 2; } .loading-animation .pulse:after { content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #7070f1; animation-delay: 1.1s; } @-moz-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } @-webkit-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } @-o-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } @-moz-keyframes bounce { 0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; transform: translateY(10px) rotate(-45deg); } 80% { transform: translateY(-10px) rotate(-45deg); } 100% { transform: translateY(0) rotate(-45deg); } } @-webkit-keyframes bounce { 0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; transform: translateY(10px) rotate(-45deg); } 80% { transform: translateY(-10px) rotate(-45deg); } 100% { transform: translateY(0) rotate(-45deg); } } @-o-keyframes bounce { 0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; transform: translateY(10px) rotate(-45deg); } 80% { transform: translateY(-10px) rotate(-45deg); } 100% { transform: translateY(0) rotate(-45deg); } } @keyframes bounce { 0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; transform: translateY(10px) rotate(-45deg); } 80% { transform: translateY(-10px) rotate(-45deg); } 100% { transform: translateY(0) rotate(-45deg); } } .bubble-ui.btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: white; float: right; width: 100px; height: 40px; background-color: #0205d3; border: 1px solid #0205d3; padding-top: 12px; text-align: center; } .bubble-ui.btn:hover { background-color: #0602db; } .bubble-ui.btn.disabled, .bubble-ui.btn.disabled:hover, .bubble-ui.btn.forced-pressed, .bubble-ui.btn.forced-pressed:hover { cursor: default; opacity: 0.25; pointer-events: none; } .bubble-ui.btn.grey { border-color: #0205d3; background-color: white; color: #0205d3; } .bubble-ui.btn.grey:hover { background-color: rgba(4, 0, 255, 0.1); } .bubble-ui.btn.grey.disabled:hover { background-color: white; } .bubble-ui.btn.responsive-modal-btn { display: flex; width: 148px; height: 30px; padding: 0px; margin-bottom: 6px; align-items: center; justify-content: center; } .bubble-ui.btn.light { background-color: transparent; border: 1px solid #9daeb3; color: rgb(0, 0, 0); } .bubble-ui.btn.light:hover { background-color: rgb(249, 249, 249); } .bubble-ui.btn.light.disabled, .bubble-ui.btn.light.disabled:hover { background-color: transparent; } .bubble-ui.btn.small-height { height: 30px !important; padding-top: 7px !important; } .bubble-ui.light-grey-btn { color: #c5c5c5; cursor: pointer; } .bubble-ui.light-grey-btn:hover { color: rgb(0, 0, 0); text-decoration: none; } .bubble-ui.composer-slider .ui-slider-handle { background: #bdc8cc !important; border: 1px solid #9daeb3; } .btn.IconInput.grey.bubble-ui { height: 30px; width: 168px; padding-top: 3px !important; } .btn.IconInput.grey.bubble-ui .button-caption { float: left; margin-left: 15px; } .btn.IconInput.grey.bubble-ui i { float: right; margin-right: 15px; } .bubble-ui.composer-palette.icon_palette .dropdown-option:hover { background-color: rgb(249, 249, 249); } .bubble-ui.composer-palette.icon_palette .dropdown-option.currently-selected-option { color: #0205d3; } .bubble-ui.delete-btn, .bubble-ui.comment-btn, .modify-btn, .copy-btn { cursor: pointer; color: #c1cccf; } .bubble-ui.delete-btn:before, .bubble-ui.comment-btn:before, .modify-btn:before, .copy-btn:before { font-family: "FontAwesome"; width: 15px; height: 10px; font-size: 18px; } .bubble-ui.delete-btn:hover, .bubble-ui.comment-btn:hover, .modify-btn:hover, .copy-btn:hover { color: rgb(0, 0, 0); } .bubble-ui.delete-btn:before { content: "\f014"; font-size: 16px; } .bubble-ui.modify-btn:before { font-family: "Ionicons"; content: "\f2bf"; font-size: 16px; } .bubble-ui.copy-btn:before { content: "\f0c5"; font-size: 16px; } .bubble-ui.progress-bar { float: left; width: 100%; border: 1px solid #9daeb3; height: 10px; overflow: hidden; } .bubble-ui.progress-bar .progress-div { float: left; height: 100%; background-color: #9daeb3; -webkit-transition: width 1s; transition: width 1s; } .btn { cursor: pointer; } .btn-cancel { background-color: transparent; color: grey; } .light-button { font-size: 11px; cursor: pointer; } .light-button:hover { text-decoration: underline; } .light-button.disabled { cursor: default; } .light-button.disabled:hover { text-decoration: none; } .bubble-ui.green-box { border: 1px solid #dfdfdf; background-color: rgb(249, 249, 249); padding: 15px; float: left; clear: both; overflow: hidden; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .bubble-ui.green-box.round_border { border-radius: 4px; } .bubble-ui.green-box > * { float: left; } .bubble-ui.green-box .header { font-size: 16px; line-height: 1.13; text-align: left; display: flex; flex-direction: row; align-items: baseline; } .bubble-ui.green-box .caption { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; } .bubble-ui.green-box input { background-color: white !important; height: 35px; } .bubble-ui.green-box .grey-text { color: rgba(0, 0, 0, 0.36); } .bubble-ui.green-box .dark-grey-text { color: rgba(0, 0, 0, 0.54); } .bubble-ui.green-box.greater-padding { padding: 24px 18px; } .bubble-ui.green-box.near-limit { border: solid 1px rgba(254, 218, 37, 0.88); background-color: rgba(254, 218, 37, 0.12); } .bubble-ui.green-box.alert { border: solid 1px #970707; background-color: rgba(151, 7, 7, 0.12); } .highlight-box { pointer-events: none; position: absolute; z-index: 15001; border: 3px solid red; background: rgba(255, 0, 0, 0.5); } .version-dropdown-panel, .grid-settings-panel, .composer-palette.element-picker, .arrange-panel, .composer-palette.bubble-ui.composer-dropdown-long.responsive-picker, .preview-panel { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .composer-palette.bubble-ui, .tt-autocomplete-dropdown-menu.bubble-ui { background: white; margin-top: 1px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; padding: 5px; border: 1px solid rgb(245, 245, 245); color: rgb(0, 0, 0); overflow-y: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .composer-palette.bubble-ui:before, .tt-autocomplete-dropdown-menu.bubble-ui:before { content: ""; } .composer-palette.bubble-ui.composer-dropdown-long, .tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-long { min-width: 156px; } .composer-palette.bubble-ui.composer-dropdown-short, .tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-short { min-width: 73px; } .composer-palette.bubble-ui.composer-dropdown-medium-large, .tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-medium-large { min-width: 91px; } .composer-palette.bubble-ui.composer-dropdown-mid_extra_large, .tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-mid_extra_large { min-width: 242px; } .composer-palette.bubble-ui.composer-dropdown-extra_extra_large, .tt-autocomplete-dropdown-menu.bubble-ui.composer-dropdown-extra_extra_large { min-width: 286px; } .composer-palette.bubble-ui .delete-option, .tt-autocomplete-dropdown-menu.bubble-ui .delete-option { color: #c5c5c5 !important; } .composer-palette.bubble-ui .delete-option:hover, .tt-autocomplete-dropdown-menu.bubble-ui .delete-option:hover { color: #b0bbbe !important; } .composer-palette.new-field-form { min-width: 174px !important; } .reference-palette-canvas, .info-palette-canvas { display: flex; flex-direction: row; align-items: center; gap: 2px; padding: 6px 8px; position: fixed; z-index: 50000013; opacity: 0; background-color: #8e8e8e; box-sizing: content-box; /* we use content box so that we can programmatically set the width of the content area */ -moz-box-sizing: content-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; cursor: pointer; min-width: 98px; max-width: 200px; min-height: 12px; max-height: 200px; word-break: break-word; white-space: pre-wrap; } .reference-palette-canvas .manual-link, .info-palette-canvas .manual-link { text-align: right; } .reference-palette-canvas .manual-link:hover, .info-palette-canvas .manual-link:hover { text-decoration: underline; } .info-palette-canvas { background-color: #565656; border-color: #565656; } input.bubble-ui, textarea.bubble-ui, .composer-color.bubble-ui, .composer.bubble-ui, .property-editor-2.light-design .composer-color, .property-editor-2.light-design .composer, .bubble-ui .autocomplete-input:not(.new-composer), .property-editor-2.light-design input.NumberBox { border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; color: rgb(0, 0, 0); font-size: 14px; padding-left: 10px; } input.bubble-ui:focus, textarea.bubble-ui:focus, .composer-color.bubble-ui:focus, .composer.bubble-ui:focus, .property-editor-2.light-design .composer-color:focus, .property-editor-2.light-design .composer:focus, .bubble-ui .autocomplete-input:not(.new-composer):focus, .property-editor-2.light-design input.NumberBox:focus { border: 1px solid #0205d3 !important; } input.bubble-ui.invalid, textarea.bubble-ui.invalid, .composer-color.bubble-ui.invalid, .composer.bubble-ui.invalid, .property-editor-2.light-design .composer-color.invalid, .property-editor-2.light-design .composer.invalid, .bubble-ui .autocomplete-input:not(.new-composer).invalid, .property-editor-2.light-design input.NumberBox.invalid { border: 1px solid #f91d56 !important; } input.bubble-ui.mandatory.empty, textarea.bubble-ui.mandatory.empty, .composer-color.bubble-ui.mandatory.empty, .composer.bubble-ui.mandatory.empty, .property-editor-2.light-design .composer-color.mandatory.empty, .property-editor-2.light-design .composer.mandatory.empty, .bubble-ui .autocomplete-input:not(.new-composer).mandatory.empty, .property-editor-2.light-design input.NumberBox.mandatory.empty { border: 1px solid #dedede !important; } input.bubble-ui.mandatory.empty:focus, textarea.bubble-ui.mandatory.empty:focus, .composer-color.bubble-ui.mandatory.empty:focus, .composer.bubble-ui.mandatory.empty:focus, .property-editor-2.light-design .composer-color.mandatory.empty:focus, .property-editor-2.light-design .composer.mandatory.empty:focus, .bubble-ui .autocomplete-input:not(.new-composer).mandatory.empty:focus, .property-editor-2.light-design input.NumberBox.mandatory.empty:focus { border: 1px solid #0205d3 !important; } .border-invalid { border: 1px solid #f91d56; } input.bubble-ui.small-height { height: 30px !important; } .bubble-ui.warning-icon.clickable, .bubble-ui.checked-icon.clickable { cursor: pointer; } .bubble-ui.warning-icon:before, .bubble-ui.checked-icon:before { font-family: "FontAwesome"; margin-right: 5px; } .bubble-ui.warning-icon { color: #f91d56 !important; } .bubble-ui.warning-icon.yellow { color: black !important; } .bubble-ui.warning-icon.yellow:before { color: #feda25 !important; } .bubble-ui.warning-icon:before { content: "\f071"; } .bubble-ui.warning { color: #f91d56 !important; } .bubble-ui.checked-icon { color: #0cce92 !important; } .bubble-ui.checked-icon:before { content: "\f00c"; } .bubble-ui.palette-picker { width: 110px; } .bubble-ui.CodeComposer { min-height: 100px; outline: none; } .bubble-ui.CodeComposer .CodeMirror-activeline-background { background: transparent !important; } .bubble-ui.CodeComposer .theme, .bubble-ui.CodeComposer .fullscreen-btn { margin-top: 2px; } .bubble-ui.CodeComposer .theme { float: left; } .bubble-ui.CodeComposer .fullscreen-btn { float: right; } .bubble-ui.CodeComposer.focused .CodeMirror { border: 1px solid #0205d3; } .bubble-ui.CodeComposer.focused.fullscreen .CodeMirror { border: 1px solid #dedede; } .bubble-ui.CodeComposer.focused .CodeMirror-activeline-background { background: #e8f2ff !important; } .bubble-ui.CodeComposer.focused .cm-s-night .CodeMirror-activeline-background { background: #1c005a !important; } .bubble-ui.CodeComposer .CodeMirror { border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto; min-height: 100px; } .bubble-ui.CodeComposer .CodeMirror .CodeMirror-scroll { max-height: 300px; } .bubble-ui.CodeComposer.fullscreen .CodeMirror .CodeMirror-scroll { max-height: none; } code.code-explanation { color: #982d54; background: #fafcfc; border: 1px solid #f0f4f7; border-radius: 4px; box-sizing: border-box; display: inline-block; padding: 0 5px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; cursor: default; } code.code-explanation.block { white-space: pre; line-height: 1.4; margin-top: 10px; margin-left: 40px; margin-bottom: 20px; float: left; width: 90%; overflow: auto; } .property-editor-2.light-design input.NumberBox { padding-left: 4px; } .composer-color.bubble-ui, .property-editor-2.light-design .composer-color { background-color: white !important; padding-left: 5px !important; } .property-editor-2.light-design .TextBox { border: 1px solid #dedede !important; background-color: white !important; } textarea.bubble-ui { padding-top: 8px; padding-bottom: 8px; } .property-editor-2.light-design .autostretch input { color: rgb(0, 0, 0); background-color: white !important; border: 1px solid transparent; } .property-editor-2.light-design .autostretch input:hover, .property-editor-2.light-design .autostretch input:focus { background-color: white !important; } .bubble-ui.composer, .property-editor-2.light-design .composer, .bubble-ui.IconInput { border: 1px solid #dedede !important; background-color: transparent !important; font-size: 14px !important; } .bubble-ui.composer input.composer-input.text-input, .bubble-ui.composer input.composer-input.number-input, .property-editor-2.light-design .composer input.composer-input.text-input, .property-editor-2.light-design .composer input.composer-input.number-input, .bubble-ui.IconInput input.composer-input.text-input, .bubble-ui.IconInput input.composer-input.number-input { outline: none; color: rgb(0, 0, 0); height: 18px; font-size: 14px; margin-top: -2px; border: 1px solid transparent; } .bubble-ui.composer input.composer-input.text-input:hover, .bubble-ui.composer input.composer-input.text-input:focus, .bubble-ui.composer input.composer-input.number-input:hover, .bubble-ui.composer input.composer-input.number-input:focus, .property-editor-2.light-design .composer input.composer-input.text-input:hover, .property-editor-2.light-design .composer input.composer-input.text-input:focus, .property-editor-2.light-design .composer input.composer-input.number-input:hover, .property-editor-2.light-design .composer input.composer-input.number-input:focus, .bubble-ui.IconInput input.composer-input.text-input:hover, .bubble-ui.IconInput input.composer-input.text-input:focus, .bubble-ui.IconInput input.composer-input.number-input:hover, .bubble-ui.IconInput input.composer-input.number-input:focus { background-color: white !important; } .bubble-ui.composer .spot, .bubble-ui.composer .dynamic, .property-editor-2.light-design .composer .spot, .property-editor-2.light-design .composer .dynamic, .bubble-ui.IconInput .spot, .bubble-ui.IconInput .dynamic { color: #0205d3; margin-top: -2px; } .bubble-ui.composer .spot:hover:before, .bubble-ui.composer .spot.selected:before, .bubble-ui.composer .dynamic:hover:before, .bubble-ui.composer .dynamic.selected:before, .property-editor-2.light-design .composer .spot:hover:before, .property-editor-2.light-design .composer .spot.selected:before, .property-editor-2.light-design .composer .dynamic:hover:before, .property-editor-2.light-design .composer .dynamic.selected:before, .bubble-ui.IconInput .spot:hover:before, .bubble-ui.IconInput .spot.selected:before, .bubble-ui.IconInput .dynamic:hover:before, .bubble-ui.IconInput .dynamic.selected:before { color: #9c9c9c !important; } .bubble-ui.composer .spot:hover, .bubble-ui.composer .dynamic:hover, .property-editor-2.light-design .composer .spot:hover, .property-editor-2.light-design .composer .dynamic:hover, .bubble-ui.IconInput .spot:hover, .bubble-ui.IconInput .dynamic:hover { color: #6565ff; } .bubble-ui.composer .spot.selected:hover, .bubble-ui.composer .spot.selected, .bubble-ui.composer .dynamic.selected:hover, .bubble-ui.composer .dynamic.selected, .property-editor-2.light-design .composer .spot.selected:hover, .property-editor-2.light-design .composer .spot.selected, .property-editor-2.light-design .composer .dynamic.selected:hover, .property-editor-2.light-design .composer .dynamic.selected, .bubble-ui.IconInput .spot.selected:hover, .bubble-ui.IconInput .spot.selected, .bubble-ui.IconInput .dynamic.selected:hover, .bubble-ui.IconInput .dynamic.selected { color: white !important; } .bubble-ui.composer-image, .property-editor-2.light-design .composer-image, .bubble-ui.composer-file, .property-editor-2.light-design .composer-file { background-color: transparent; } .bubble-ui.composer-image:hover, .property-editor-2.light-design .composer-image:hover, .bubble-ui.composer-file:hover, .property-editor-2.light-design .composer-file:hover { background-color: white; } .bubble-ui.composer-image .file-caption, .property-editor-2.light-design .composer-image .file-caption, .bubble-ui.composer-file .file-caption, .property-editor-2.light-design .composer-file .file-caption { border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgb(0, 0, 0) !important; } .bubble-ui.composer-image img, .property-editor-2.light-design .composer-image img, .bubble-ui.composer-file img, .property-editor-2.light-design .composer-file img { border: 1px solid #dedede; } .bubble-ui.composer-dropdown .spot, .property-editor-2.light-design .composer-dropdown .spot, .property-editor-2.light-design .text-composer, .bubble-ui.IconInput { background-color: white !important; border: 1px solid #dedede !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; color: rgb(0, 0, 0) !important; font-size: 14px !important; padding-left: 10px !important; padding-top: 8px !important; } .bubble-ui.composer-dropdown .spot:before, .property-editor-2.light-design .composer-dropdown .spot:before, .property-editor-2.light-design .text-composer:before, .bubble-ui.IconInput:before { color: rgb(0, 0, 0) !important; } .bubble-ui.composer-dropdown .spot.empty.mandatory, .property-editor-2.light-design .composer-dropdown .spot.empty.mandatory, .property-editor-2.light-design .text-composer.empty.mandatory, .bubble-ui.IconInput.empty.mandatory { border: 1px solid #dedede !important; } .bubble-ui.composer-dropdown .spot.empty.mandatory.selected, .property-editor-2.light-design .composer-dropdown .spot.empty.mandatory.selected, .property-editor-2.light-design .text-composer.empty.mandatory.selected, .bubble-ui.IconInput.empty.mandatory.selected { border: 1px solid #0205d3 !important; } .bubble-ui.composer-dropdown .spot:hover, .property-editor-2.light-design .composer-dropdown .spot:hover, .property-editor-2.light-design .text-composer:hover, .bubble-ui.IconInput:hover { border: 1px solid #dedede !important; } .bubble-ui.composer-dropdown .spot.selected, .property-editor-2.light-design .composer-dropdown .spot.selected, .property-editor-2.light-design .text-composer.selected, .bubble-ui.IconInput.selected { border: 1px solid #0205d3 !important; } .bubble-ui.composer-dropdown .spot input, .property-editor-2.light-design .composer-dropdown .spot input, .property-editor-2.light-design .text-composer input, .bubble-ui.IconInput input { color: inherit !important; } .bubble-ui.composer-dropdown .spot input.composer-input.text-input, .bubble-ui.composer-dropdown .spot input.composer-input, .property-editor-2.light-design .composer-dropdown .spot input.composer-input.text-input, .property-editor-2.light-design .composer-dropdown .spot input.composer-input, .property-editor-2.light-design .text-composer input.composer-input.text-input, .property-editor-2.light-design .text-composer input.composer-input, .bubble-ui.IconInput input.composer-input.text-input, .bubble-ui.IconInput input.composer-input { outline: none; color: rgb(0, 0, 0) !important; margin-top: -3px; } .bubble-ui.composer-dropdown .spot.composer-dropdown-mid_extra_large input.composer-input, .property-editor-2.light-design .composer-dropdown .spot.composer-dropdown-mid_extra_large input.composer-input, .property-editor-2.light-design .text-composer.composer-dropdown-mid_extra_large input.composer-input, .bubble-ui.IconInput.composer-dropdown-mid_extra_large input.composer-input { width: 210px !important; } .bubble-ui.composer-dropdown .spot:before, .property-editor-2.light-design .composer-dropdown .spot:before { background-color: white; position: relative; } .property-editor-2.light-design .composer-dropdown .spot { padding-top: 6px !important; } .settingstab .bubble-ui.composer-dropdown .spot input.composer-input.text-input, .settingstab .bubble-ui.composer-dropdown .spot input.composer-input { padding-top: 1px; } .bubble-ui .component-checkbox, .property-editor-2.light-design .component-checkbox { background-color: white !important; border: 1px solid #dedede !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .bubble-ui .component-checkbox.checked:before, .property-editor-2.light-design .component-checkbox.checked:before { margin-top: 2px; color: #9ea5a7; } .composer-palette.bubble-ui, .composer-palette.element-picker { position: absolute !important; } .composer-palette.bubble-ui .section, .composer-palette.element-picker .section { border-bottom: 1px solid #ebebeb; } .composer-palette.bubble-ui .dropdown-option, .composer-palette.element-picker .dropdown-option { padding: 7px 15px 7px 7px !important; } .composer-palette.bubble-ui::-webkit-scrollbar-thumb, .composer-palette.element-picker::-webkit-scrollbar-thumb { background: rgb(218, 218, 218); } .composer-palette.bubble-ui::-webkit-scrollbar-thumb:hover, .composer-palette.element-picker::-webkit-scrollbar-thumb:hover { background: #a6a6a6; cursor: default; } .composer-palette.bubble-ui::-webkit-scrollbar-thumb:active, .composer-palette.element-picker::-webkit-scrollbar-thumb:active { background-color: #a6a6a6; cursor: default; } .custom-plugin-panel .delete-btn, .tabcanvas.api .delete-btn { float: right; margin-top: 3px; margin-right: 20px; } .custom-plugin-panel.apiconnector2 .expand-btn, .custom-plugin-panel .api-editor .expand-btn, .custom-plugin-panel.dbconnector .expand-btn, .tabcanvas.api.apiconnector2 .expand-btn, .tabcanvas.api .api-editor .expand-btn, .tabcanvas.api.dbconnector .expand-btn { margin-right: -14px; margin-top: -17px; width: 42px; } .custom-plugin-panel.apiconnector2 .expand-btn.call, .custom-plugin-panel .api-editor .expand-btn.call, .custom-plugin-panel.dbconnector .expand-btn.call, .tabcanvas.api.apiconnector2 .expand-btn.call, .tabcanvas.api .api-editor .expand-btn.call, .tabcanvas.api.dbconnector .expand-btn.call { margin-top: -12px; margin-right: -9px; float: right; margin-bottom: 7px; } .custom-plugin-panel.apiconnector2 .expand-btn.all, .custom-plugin-panel .api-editor .expand-btn.all, .custom-plugin-panel.dbconnector .expand-btn.all, .tabcanvas.api.apiconnector2 .expand-btn.all, .tabcanvas.api .api-editor .expand-btn.all, .tabcanvas.api.dbconnector .expand-btn.all { width: 90px; } .custom-plugin-panel.apiconnector2 .move-wrapper, .custom-plugin-panel.apiconnector2 .expand-btn, .custom-plugin-panel .api-editor .move-wrapper, .custom-plugin-panel .api-editor .expand-btn, .custom-plugin-panel.dbconnector .move-wrapper, .custom-plugin-panel.dbconnector .expand-btn, .tabcanvas.api.apiconnector2 .move-wrapper, .tabcanvas.api.apiconnector2 .expand-btn, .tabcanvas.api .api-editor .move-wrapper, .tabcanvas.api .api-editor .expand-btn, .tabcanvas.api.dbconnector .move-wrapper, .tabcanvas.api.dbconnector .expand-btn { float: right; } .custom-plugin-panel.apiconnector2 .move-wrapper, .custom-plugin-panel .api-editor .move-wrapper, .custom-plugin-panel.dbconnector .move-wrapper, .tabcanvas.api.apiconnector2 .move-wrapper, .tabcanvas.api .api-editor .move-wrapper, .tabcanvas.api.dbconnector .move-wrapper { margin-top: -12px; } .custom-plugin-panel.apiconnector2 .move-wrapper .move-down-btn, .custom-plugin-panel.apiconnector2 .move-wrapper .move-up-btn, .custom-plugin-panel .api-editor .move-wrapper .move-down-btn, .custom-plugin-panel .api-editor .move-wrapper .move-up-btn, .custom-plugin-panel.dbconnector .move-wrapper .move-down-btn, .custom-plugin-panel.dbconnector .move-wrapper .move-up-btn, .tabcanvas.api.apiconnector2 .move-wrapper .move-down-btn, .tabcanvas.api.apiconnector2 .move-wrapper .move-up-btn, .tabcanvas.api .api-editor .move-wrapper .move-down-btn, .tabcanvas.api .api-editor .move-wrapper .move-up-btn, .tabcanvas.api.dbconnector .move-wrapper .move-down-btn, .tabcanvas.api.dbconnector .move-wrapper .move-up-btn { float: right; margin-right: 10px; } .custom-plugin-panel.apiconnector .type-zone, .custom-plugin-panel.apiconnector2 .type-zone, .custom-plugin-panel.appconnector .type-zone, .custom-plugin-panel.dbconnector .type-zone, .custom-plugin-panel .api-editor .type-zone, .tabcanvas.api.apiconnector .type-zone, .tabcanvas.api.apiconnector2 .type-zone, .tabcanvas.api.appconnector .type-zone, .tabcanvas.api.dbconnector .type-zone, .tabcanvas.api .api-editor .type-zone { float: left; width: 340px; margin-top: 10px; margin-right: 10px; } .custom-plugin-panel.apiconnector .type-caption, .custom-plugin-panel.apiconnector2 .type-caption, .custom-plugin-panel.appconnector .type-caption, .custom-plugin-panel.dbconnector .type-caption, .custom-plugin-panel .api-editor .type-caption, .tabcanvas.api.apiconnector .type-caption, .tabcanvas.api.apiconnector2 .type-caption, .tabcanvas.api.appconnector .type-caption, .tabcanvas.api.dbconnector .type-caption, .tabcanvas.api .api-editor .type-caption { max-width: 170px; } .custom-plugin-panel.apiconnector input, .custom-plugin-panel.apiconnector2 input, .custom-plugin-panel.appconnector input, .custom-plugin-panel.dbconnector input, .custom-plugin-panel .api-editor input, .tabcanvas.api.apiconnector input, .tabcanvas.api.apiconnector2 input, .tabcanvas.api.appconnector input, .tabcanvas.api.dbconnector input, .tabcanvas.api .api-editor input { height: 30px; } .custom-plugin-panel.apiconnector .call-panel, .custom-plugin-panel.apiconnector .app-wrapper, .custom-plugin-panel.apiconnector .cs-panel, .custom-plugin-panel.apiconnector .query-panel, .custom-plugin-panel.apiconnector2 .call-panel, .custom-plugin-panel.apiconnector2 .app-wrapper, .custom-plugin-panel.apiconnector2 .cs-panel, .custom-plugin-panel.apiconnector2 .query-panel, .custom-plugin-panel.appconnector .call-panel, .custom-plugin-panel.appconnector .app-wrapper, .custom-plugin-panel.appconnector .cs-panel, .custom-plugin-panel.appconnector .query-panel, .custom-plugin-panel.dbconnector .call-panel, .custom-plugin-panel.dbconnector .app-wrapper, .custom-plugin-panel.dbconnector .cs-panel, .custom-plugin-panel.dbconnector .query-panel, .custom-plugin-panel .api-editor .call-panel, .custom-plugin-panel .api-editor .app-wrapper, .custom-plugin-panel .api-editor .cs-panel, .custom-plugin-panel .api-editor .query-panel, .tabcanvas.api.apiconnector .call-panel, .tabcanvas.api.apiconnector .app-wrapper, .tabcanvas.api.apiconnector .cs-panel, .tabcanvas.api.apiconnector .query-panel, .tabcanvas.api.apiconnector2 .call-panel, .tabcanvas.api.apiconnector2 .app-wrapper, .tabcanvas.api.apiconnector2 .cs-panel, .tabcanvas.api.apiconnector2 .query-panel, .tabcanvas.api.appconnector .call-panel, .tabcanvas.api.appconnector .app-wrapper, .tabcanvas.api.appconnector .cs-panel, .tabcanvas.api.appconnector .query-panel, .tabcanvas.api.dbconnector .call-panel, .tabcanvas.api.dbconnector .app-wrapper, .tabcanvas.api.dbconnector .cs-panel, .tabcanvas.api.dbconnector .query-panel, .tabcanvas.api .api-editor .call-panel, .tabcanvas.api .api-editor .app-wrapper, .tabcanvas.api .api-editor .cs-panel, .tabcanvas.api .api-editor .query-panel { overflow-y: auto; margin-bottom: 20px; clear: left; padding: 20px; width: 100%; } .custom-plugin-panel.apiconnector .call-panel .new-button, .custom-plugin-panel.apiconnector .call-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector .app-wrapper .new-button, .custom-plugin-panel.apiconnector .app-wrapper .authenticate-plugin-builder, .custom-plugin-panel.apiconnector .cs-panel .new-button, .custom-plugin-panel.apiconnector .cs-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector .query-panel .new-button, .custom-plugin-panel.apiconnector .query-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .call-panel .new-button, .custom-plugin-panel.apiconnector2 .call-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .app-wrapper .new-button, .custom-plugin-panel.apiconnector2 .app-wrapper .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .cs-panel .new-button, .custom-plugin-panel.apiconnector2 .cs-panel .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .query-panel .new-button, .custom-plugin-panel.apiconnector2 .query-panel .authenticate-plugin-builder, .custom-plugin-panel.appconnector .call-panel .new-button, .custom-plugin-panel.appconnector .call-panel .authenticate-plugin-builder, .custom-plugin-panel.appconnector .app-wrapper .new-button, .custom-plugin-panel.appconnector .app-wrapper .authenticate-plugin-builder, .custom-plugin-panel.appconnector .cs-panel .new-button, .custom-plugin-panel.appconnector .cs-panel .authenticate-plugin-builder, .custom-plugin-panel.appconnector .query-panel .new-button, .custom-plugin-panel.appconnector .query-panel .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .call-panel .new-button, .custom-plugin-panel.dbconnector .call-panel .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .app-wrapper .new-button, .custom-plugin-panel.dbconnector .app-wrapper .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .cs-panel .new-button, .custom-plugin-panel.dbconnector .cs-panel .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .query-panel .new-button, .custom-plugin-panel.dbconnector .query-panel .authenticate-plugin-builder, .custom-plugin-panel .api-editor .call-panel .new-button, .custom-plugin-panel .api-editor .call-panel .authenticate-plugin-builder, .custom-plugin-panel .api-editor .app-wrapper .new-button, .custom-plugin-panel .api-editor .app-wrapper .authenticate-plugin-builder, .custom-plugin-panel .api-editor .cs-panel .new-button, .custom-plugin-panel .api-editor .cs-panel .authenticate-plugin-builder, .custom-plugin-panel .api-editor .query-panel .new-button, .custom-plugin-panel .api-editor .query-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector .call-panel .new-button, .tabcanvas.api.apiconnector .call-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector .app-wrapper .new-button, .tabcanvas.api.apiconnector .app-wrapper .authenticate-plugin-builder, .tabcanvas.api.apiconnector .cs-panel .new-button, .tabcanvas.api.apiconnector .cs-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector .query-panel .new-button, .tabcanvas.api.apiconnector .query-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector2 .call-panel .new-button, .tabcanvas.api.apiconnector2 .call-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector2 .app-wrapper .new-button, .tabcanvas.api.apiconnector2 .app-wrapper .authenticate-plugin-builder, .tabcanvas.api.apiconnector2 .cs-panel .new-button, .tabcanvas.api.apiconnector2 .cs-panel .authenticate-plugin-builder, .tabcanvas.api.apiconnector2 .query-panel .new-button, .tabcanvas.api.apiconnector2 .query-panel .authenticate-plugin-builder, .tabcanvas.api.appconnector .call-panel .new-button, .tabcanvas.api.appconnector .call-panel .authenticate-plugin-builder, .tabcanvas.api.appconnector .app-wrapper .new-button, .tabcanvas.api.appconnector .app-wrapper .authenticate-plugin-builder, .tabcanvas.api.appconnector .cs-panel .new-button, .tabcanvas.api.appconnector .cs-panel .authenticate-plugin-builder, .tabcanvas.api.appconnector .query-panel .new-button, .tabcanvas.api.appconnector .query-panel .authenticate-plugin-builder, .tabcanvas.api.dbconnector .call-panel .new-button, .tabcanvas.api.dbconnector .call-panel .authenticate-plugin-builder, .tabcanvas.api.dbconnector .app-wrapper .new-button, .tabcanvas.api.dbconnector .app-wrapper .authenticate-plugin-builder, .tabcanvas.api.dbconnector .cs-panel .new-button, .tabcanvas.api.dbconnector .cs-panel .authenticate-plugin-builder, .tabcanvas.api.dbconnector .query-panel .new-button, .tabcanvas.api.dbconnector .query-panel .authenticate-plugin-builder, .tabcanvas.api .api-editor .call-panel .new-button, .tabcanvas.api .api-editor .call-panel .authenticate-plugin-builder, .tabcanvas.api .api-editor .app-wrapper .new-button, .tabcanvas.api .api-editor .app-wrapper .authenticate-plugin-builder, .tabcanvas.api .api-editor .cs-panel .new-button, .tabcanvas.api .api-editor .cs-panel .authenticate-plugin-builder, .tabcanvas.api .api-editor .query-panel .new-button, .tabcanvas.api .api-editor .query-panel .authenticate-plugin-builder { height: 30px; padding-top: 7px; } .custom-plugin-panel.apiconnector .call-panel .invalid-domain-input, .custom-plugin-panel.apiconnector .app-wrapper .invalid-domain-input, .custom-plugin-panel.apiconnector .cs-panel .invalid-domain-input, .custom-plugin-panel.apiconnector .query-panel .invalid-domain-input, .custom-plugin-panel.apiconnector2 .call-panel .invalid-domain-input, .custom-plugin-panel.apiconnector2 .app-wrapper .invalid-domain-input, .custom-plugin-panel.apiconnector2 .cs-panel .invalid-domain-input, .custom-plugin-panel.apiconnector2 .query-panel .invalid-domain-input, .custom-plugin-panel.appconnector .call-panel .invalid-domain-input, .custom-plugin-panel.appconnector .app-wrapper .invalid-domain-input, .custom-plugin-panel.appconnector .cs-panel .invalid-domain-input, .custom-plugin-panel.appconnector .query-panel .invalid-domain-input, .custom-plugin-panel.dbconnector .call-panel .invalid-domain-input, .custom-plugin-panel.dbconnector .app-wrapper .invalid-domain-input, .custom-plugin-panel.dbconnector .cs-panel .invalid-domain-input, .custom-plugin-panel.dbconnector .query-panel .invalid-domain-input, .custom-plugin-panel .api-editor .call-panel .invalid-domain-input, .custom-plugin-panel .api-editor .app-wrapper .invalid-domain-input, .custom-plugin-panel .api-editor .cs-panel .invalid-domain-input, .custom-plugin-panel .api-editor .query-panel .invalid-domain-input, .tabcanvas.api.apiconnector .call-panel .invalid-domain-input, .tabcanvas.api.apiconnector .app-wrapper .invalid-domain-input, .tabcanvas.api.apiconnector .cs-panel .invalid-domain-input, .tabcanvas.api.apiconnector .query-panel .invalid-domain-input, .tabcanvas.api.apiconnector2 .call-panel .invalid-domain-input, .tabcanvas.api.apiconnector2 .app-wrapper .invalid-domain-input, .tabcanvas.api.apiconnector2 .cs-panel .invalid-domain-input, .tabcanvas.api.apiconnector2 .query-panel .invalid-domain-input, .tabcanvas.api.appconnector .call-panel .invalid-domain-input, .tabcanvas.api.appconnector .app-wrapper .invalid-domain-input, .tabcanvas.api.appconnector .cs-panel .invalid-domain-input, .tabcanvas.api.appconnector .query-panel .invalid-domain-input, .tabcanvas.api.dbconnector .call-panel .invalid-domain-input, .tabcanvas.api.dbconnector .app-wrapper .invalid-domain-input, .tabcanvas.api.dbconnector .cs-panel .invalid-domain-input, .tabcanvas.api.dbconnector .query-panel .invalid-domain-input, .tabcanvas.api .api-editor .call-panel .invalid-domain-input, .tabcanvas.api .api-editor .app-wrapper .invalid-domain-input, .tabcanvas.api .api-editor .cs-panel .invalid-domain-input, .tabcanvas.api .api-editor .query-panel .invalid-domain-input { border-color: red !important; } .custom-plugin-panel.apiconnector .sub-call-panel, .custom-plugin-panel.apiconnector2 .sub-call-panel, .custom-plugin-panel.appconnector .sub-call-panel, .custom-plugin-panel.dbconnector .sub-call-panel, .custom-plugin-panel .api-editor .sub-call-panel, .tabcanvas.api.apiconnector .sub-call-panel, .tabcanvas.api.apiconnector2 .sub-call-panel, .tabcanvas.api.appconnector .sub-call-panel, .tabcanvas.api.dbconnector .sub-call-panel, .tabcanvas.api .api-editor .sub-call-panel { width: 100%; float: left; margin: 15px 0px 15px 0px; padding: 15px; border: #dfdfdf 1px solid; } .custom-plugin-panel.apiconnector .instructions, .custom-plugin-panel.apiconnector .must-authenticate, .custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .instructions, .custom-plugin-panel.apiconnector2 .must-authenticate, .custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .instructions, .custom-plugin-panel.appconnector .must-authenticate, .custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .instructions, .custom-plugin-panel.dbconnector .must-authenticate, .custom-plugin-panel.dbconnector .key-disclaimer, .custom-plugin-panel .api-editor .instructions, .custom-plugin-panel .api-editor .must-authenticate, .custom-plugin-panel .api-editor .key-disclaimer, .tabcanvas.api.apiconnector .instructions, .tabcanvas.api.apiconnector .must-authenticate, .tabcanvas.api.apiconnector .key-disclaimer, .tabcanvas.api.apiconnector2 .instructions, .tabcanvas.api.apiconnector2 .must-authenticate, .tabcanvas.api.apiconnector2 .key-disclaimer, .tabcanvas.api.appconnector .instructions, .tabcanvas.api.appconnector .must-authenticate, .tabcanvas.api.appconnector .key-disclaimer, .tabcanvas.api.dbconnector .instructions, .tabcanvas.api.dbconnector .must-authenticate, .tabcanvas.api.dbconnector .key-disclaimer, .tabcanvas.api .api-editor .instructions, .tabcanvas.api .api-editor .must-authenticate, .tabcanvas.api .api-editor .key-disclaimer { line-height: 1.5; clear: both; float: left; margin-top: 10px; } .custom-plugin-panel.apiconnector .instructions, .custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .instructions, .custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .instructions, .custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .instructions, .custom-plugin-panel.dbconnector .key-disclaimer, .custom-plugin-panel .api-editor .instructions, .custom-plugin-panel .api-editor .key-disclaimer, .tabcanvas.api.apiconnector .instructions, .tabcanvas.api.apiconnector .key-disclaimer, .tabcanvas.api.apiconnector2 .instructions, .tabcanvas.api.apiconnector2 .key-disclaimer, .tabcanvas.api.appconnector .instructions, .tabcanvas.api.appconnector .key-disclaimer, .tabcanvas.api.dbconnector .instructions, .tabcanvas.api.dbconnector .key-disclaimer, .tabcanvas.api .api-editor .instructions, .tabcanvas.api .api-editor .key-disclaimer { margin-bottom: 10px; } .custom-plugin-panel.apiconnector .auth-wrapper .instructions, .custom-plugin-panel.apiconnector2 .auth-wrapper .instructions, .custom-plugin-panel.appconnector .auth-wrapper .instructions, .custom-plugin-panel.dbconnector .auth-wrapper .instructions, .custom-plugin-panel .api-editor .auth-wrapper .instructions, .tabcanvas.api.apiconnector .auth-wrapper .instructions, .tabcanvas.api.apiconnector2 .auth-wrapper .instructions, .tabcanvas.api.appconnector .auth-wrapper .instructions, .tabcanvas.api.dbconnector .auth-wrapper .instructions, .tabcanvas.api .api-editor .auth-wrapper .instructions { margin-bottom: 0px; } .custom-plugin-panel.apiconnector .calls-wrapper, .custom-plugin-panel.apiconnector .auth-wrapper, .custom-plugin-panel.apiconnector2 .calls-wrapper, .custom-plugin-panel.apiconnector2 .auth-wrapper, .custom-plugin-panel.appconnector .calls-wrapper, .custom-plugin-panel.appconnector .auth-wrapper, .custom-plugin-panel.dbconnector .calls-wrapper, .custom-plugin-panel.dbconnector .auth-wrapper, .custom-plugin-panel .api-editor .calls-wrapper, .custom-plugin-panel .api-editor .auth-wrapper, .tabcanvas.api.apiconnector .calls-wrapper, .tabcanvas.api.apiconnector .auth-wrapper, .tabcanvas.api.apiconnector2 .calls-wrapper, .tabcanvas.api.apiconnector2 .auth-wrapper, .tabcanvas.api.appconnector .calls-wrapper, .tabcanvas.api.appconnector .auth-wrapper, .tabcanvas.api.dbconnector .calls-wrapper, .tabcanvas.api.dbconnector .auth-wrapper, .tabcanvas.api .api-editor .calls-wrapper, .tabcanvas.api .api-editor .auth-wrapper { width: 100%; } .custom-plugin-panel.apiconnector .key-disclaimer, .custom-plugin-panel.apiconnector2 .key-disclaimer, .custom-plugin-panel.appconnector .key-disclaimer, .custom-plugin-panel.dbconnector .key-disclaimer, .custom-plugin-panel .api-editor .key-disclaimer, .tabcanvas.api.apiconnector .key-disclaimer, .tabcanvas.api.apiconnector2 .key-disclaimer, .tabcanvas.api.appconnector .key-disclaimer, .tabcanvas.api.dbconnector .key-disclaimer, .tabcanvas.api .api-editor .key-disclaimer { margin-top: 0px; } .custom-plugin-panel.apiconnector .must-authenticate, .custom-plugin-panel.apiconnector2 .must-authenticate, .custom-plugin-panel.appconnector .must-authenticate, .custom-plugin-panel.dbconnector .must-authenticate, .custom-plugin-panel .api-editor .must-authenticate, .tabcanvas.api.apiconnector .must-authenticate, .tabcanvas.api.apiconnector2 .must-authenticate, .tabcanvas.api.appconnector .must-authenticate, .tabcanvas.api.dbconnector .must-authenticate, .tabcanvas.api .api-editor .must-authenticate { margin-bottom: -5px; } .custom-plugin-panel.apiconnector .must-authenticate:before, .custom-plugin-panel.apiconnector2 .must-authenticate:before, .custom-plugin-panel.appconnector .must-authenticate:before, .custom-plugin-panel.dbconnector .must-authenticate:before, .custom-plugin-panel .api-editor .must-authenticate:before, .tabcanvas.api.apiconnector .must-authenticate:before, .tabcanvas.api.apiconnector2 .must-authenticate:before, .tabcanvas.api.appconnector .must-authenticate:before, .tabcanvas.api.dbconnector .must-authenticate:before, .tabcanvas.api .api-editor .must-authenticate:before { margin-right: 10px; } .custom-plugin-panel.apiconnector .url-help, .custom-plugin-panel.apiconnector2 .url-help, .custom-plugin-panel.appconnector .url-help, .custom-plugin-panel.dbconnector .url-help, .custom-plugin-panel .api-editor .url-help, .tabcanvas.api.apiconnector .url-help, .tabcanvas.api.apiconnector2 .url-help, .tabcanvas.api.appconnector .url-help, .tabcanvas.api.dbconnector .url-help, .tabcanvas.api .api-editor .url-help { float: left; margin-top: 9px; margin-left: 20px; } .custom-plugin-panel.apiconnector .field-label, .custom-plugin-panel.apiconnector2 .field-label, .custom-plugin-panel.appconnector .field-label, .custom-plugin-panel.dbconnector .field-label, .custom-plugin-panel .api-editor .field-label, .tabcanvas.api.apiconnector .field-label, .tabcanvas.api.apiconnector2 .field-label, .tabcanvas.api.appconnector .field-label, .tabcanvas.api.dbconnector .field-label, .tabcanvas.api .api-editor .field-label { float: left; clear: both; width: 50px; margin-top: 9px; } .custom-plugin-panel.apiconnector .field-label.publish-as, .custom-plugin-panel.apiconnector2 .field-label.publish-as, .custom-plugin-panel.appconnector .field-label.publish-as, .custom-plugin-panel.dbconnector .field-label.publish-as, .custom-plugin-panel .api-editor .field-label.publish-as, .tabcanvas.api.apiconnector .field-label.publish-as, .tabcanvas.api.apiconnector2 .field-label.publish-as, .tabcanvas.api.appconnector .field-label.publish-as, .tabcanvas.api.dbconnector .field-label.publish-as, .tabcanvas.api .api-editor .field-label.publish-as { width: 54px; clear: none; margin-left: 20px; } .custom-plugin-panel.apiconnector .field-label.param-value, .custom-plugin-panel.apiconnector .field-label.private-key, .custom-plugin-panel.apiconnector .field-label.password, .custom-plugin-panel.apiconnector .field-label.appsecret, .custom-plugin-panel.apiconnector .field-label.appsecret-test, .custom-plugin-panel.apiconnector .field-label.auth-method, .custom-plugin-panel.apiconnector .field-label.add-to-header, .custom-plugin-panel.apiconnector .field-label.token-data-type, .custom-plugin-panel.apiconnector .field-label.private, .custom-plugin-panel.apiconnector .field-label.client-safe, .custom-plugin-panel.apiconnector .field-label.url-client-safe, .custom-plugin-panel.apiconnector .field-label.data-type, .custom-plugin-panel.apiconnector .field-label.email-path, .custom-plugin-panel.apiconnector .field-label.querystring, .custom-plugin-panel.apiconnector .field-label.add-offline, .custom-plugin-panel.apiconnector2 .field-label.param-value, .custom-plugin-panel.apiconnector2 .field-label.private-key, .custom-plugin-panel.apiconnector2 .field-label.password, .custom-plugin-panel.apiconnector2 .field-label.appsecret, .custom-plugin-panel.apiconnector2 .field-label.appsecret-test, .custom-plugin-panel.apiconnector2 .field-label.auth-method, .custom-plugin-panel.apiconnector2 .field-label.add-to-header, .custom-plugin-panel.apiconnector2 .field-label.token-data-type, .custom-plugin-panel.apiconnector2 .field-label.private, .custom-plugin-panel.apiconnector2 .field-label.client-safe, .custom-plugin-panel.apiconnector2 .field-label.url-client-safe, .custom-plugin-panel.apiconnector2 .field-label.data-type, .custom-plugin-panel.apiconnector2 .field-label.email-path, .custom-plugin-panel.apiconnector2 .field-label.querystring, .custom-plugin-panel.apiconnector2 .field-label.add-offline, .custom-plugin-panel.appconnector .field-label.param-value, .custom-plugin-panel.appconnector .field-label.private-key, .custom-plugin-panel.appconnector .field-label.password, .custom-plugin-panel.appconnector .field-label.appsecret, .custom-plugin-panel.appconnector .field-label.appsecret-test, .custom-plugin-panel.appconnector .field-label.auth-method, .custom-plugin-panel.appconnector .field-label.add-to-header, .custom-plugin-panel.appconnector .field-label.token-data-type, .custom-plugin-panel.appconnector .field-label.private, .custom-plugin-panel.appconnector .field-label.client-safe, .custom-plugin-panel.appconnector .field-label.url-client-safe, .custom-plugin-panel.appconnector .field-label.data-type, .custom-plugin-panel.appconnector .field-label.email-path, .custom-plugin-panel.appconnector .field-label.querystring, .custom-plugin-panel.appconnector .field-label.add-offline, .custom-plugin-panel.dbconnector .field-label.param-value, .custom-plugin-panel.dbconnector .field-label.private-key, .custom-plugin-panel.dbconnector .field-label.password, .custom-plugin-panel.dbconnector .field-label.appsecret, .custom-plugin-panel.dbconnector .field-label.appsecret-test, .custom-plugin-panel.dbconnector .field-label.auth-method, .custom-plugin-panel.dbconnector .field-label.add-to-header, .custom-plugin-panel.dbconnector .field-label.token-data-type, .custom-plugin-panel.dbconnector .field-label.private, .custom-plugin-panel.dbconnector .field-label.client-safe, .custom-plugin-panel.dbconnector .field-label.url-client-safe, .custom-plugin-panel.dbconnector .field-label.data-type, .custom-plugin-panel.dbconnector .field-label.email-path, .custom-plugin-panel.dbconnector .field-label.querystring, .custom-plugin-panel.dbconnector .field-label.add-offline, .custom-plugin-panel .api-editor .field-label.param-value, .custom-plugin-panel .api-editor .field-label.private-key, .custom-plugin-panel .api-editor .field-label.password, .custom-plugin-panel .api-editor .field-label.appsecret, .custom-plugin-panel .api-editor .field-label.appsecret-test, .custom-plugin-panel .api-editor .field-label.auth-method, .custom-plugin-panel .api-editor .field-label.add-to-header, .custom-plugin-panel .api-editor .field-label.token-data-type, .custom-plugin-panel .api-editor .field-label.private, .custom-plugin-panel .api-editor .field-label.client-safe, .custom-plugin-panel .api-editor .field-label.url-client-safe, .custom-plugin-panel .api-editor .field-label.data-type, .custom-plugin-panel .api-editor .field-label.email-path, .custom-plugin-panel .api-editor .field-label.querystring, .custom-plugin-panel .api-editor .field-label.add-offline, .tabcanvas.api.apiconnector .field-label.param-value, .tabcanvas.api.apiconnector .field-label.private-key, .tabcanvas.api.apiconnector .field-label.password, .tabcanvas.api.apiconnector .field-label.appsecret, .tabcanvas.api.apiconnector .field-label.appsecret-test, .tabcanvas.api.apiconnector .field-label.auth-method, .tabcanvas.api.apiconnector .field-label.add-to-header, .tabcanvas.api.apiconnector .field-label.token-data-type, .tabcanvas.api.apiconnector .field-label.private, .tabcanvas.api.apiconnector .field-label.client-safe, .tabcanvas.api.apiconnector .field-label.url-client-safe, .tabcanvas.api.apiconnector .field-label.data-type, .tabcanvas.api.apiconnector .field-label.email-path, .tabcanvas.api.apiconnector .field-label.querystring, .tabcanvas.api.apiconnector .field-label.add-offline, .tabcanvas.api.apiconnector2 .field-label.param-value, .tabcanvas.api.apiconnector2 .field-label.private-key, .tabcanvas.api.apiconnector2 .field-label.password, .tabcanvas.api.apiconnector2 .field-label.appsecret, .tabcanvas.api.apiconnector2 .field-label.appsecret-test, .tabcanvas.api.apiconnector2 .field-label.auth-method, .tabcanvas.api.apiconnector2 .field-label.add-to-header, .tabcanvas.api.apiconnector2 .field-label.token-data-type, .tabcanvas.api.apiconnector2 .field-label.private, .tabcanvas.api.apiconnector2 .field-label.client-safe, .tabcanvas.api.apiconnector2 .field-label.url-client-safe, .tabcanvas.api.apiconnector2 .field-label.data-type, .tabcanvas.api.apiconnector2 .field-label.email-path, .tabcanvas.api.apiconnector2 .field-label.querystring, .tabcanvas.api.apiconnector2 .field-label.add-offline, .tabcanvas.api.appconnector .field-label.param-value, .tabcanvas.api.appconnector .field-label.private-key, .tabcanvas.api.appconnector .field-label.password, .tabcanvas.api.appconnector .field-label.appsecret, .tabcanvas.api.appconnector .field-label.appsecret-test, .tabcanvas.api.appconnector .field-label.auth-method, .tabcanvas.api.appconnector .field-label.add-to-header, .tabcanvas.api.appconnector .field-label.token-data-type, .tabcanvas.api.appconnector .field-label.private, .tabcanvas.api.appconnector .field-label.client-safe, .tabcanvas.api.appconnector .field-label.url-client-safe, .tabcanvas.api.appconnector .field-label.data-type, .tabcanvas.api.appconnector .field-label.email-path, .tabcanvas.api.appconnector .field-label.querystring, .tabcanvas.api.appconnector .field-label.add-offline, .tabcanvas.api.dbconnector .field-label.param-value, .tabcanvas.api.dbconnector .field-label.private-key, .tabcanvas.api.dbconnector .field-label.password, .tabcanvas.api.dbconnector .field-label.appsecret, .tabcanvas.api.dbconnector .field-label.appsecret-test, .tabcanvas.api.dbconnector .field-label.auth-method, .tabcanvas.api.dbconnector .field-label.add-to-header, .tabcanvas.api.dbconnector .field-label.token-data-type, .tabcanvas.api.dbconnector .field-label.private, .tabcanvas.api.dbconnector .field-label.client-safe, .tabcanvas.api.dbconnector .field-label.url-client-safe, .tabcanvas.api.dbconnector .field-label.data-type, .tabcanvas.api.dbconnector .field-label.email-path, .tabcanvas.api.dbconnector .field-label.querystring, .tabcanvas.api.dbconnector .field-label.add-offline, .tabcanvas.api .api-editor .field-label.param-value, .tabcanvas.api .api-editor .field-label.private-key, .tabcanvas.api .api-editor .field-label.password, .tabcanvas.api .api-editor .field-label.appsecret, .tabcanvas.api .api-editor .field-label.appsecret-test, .tabcanvas.api .api-editor .field-label.auth-method, .tabcanvas.api .api-editor .field-label.add-to-header, .tabcanvas.api .api-editor .field-label.token-data-type, .tabcanvas.api .api-editor .field-label.private, .tabcanvas.api .api-editor .field-label.client-safe, .tabcanvas.api .api-editor .field-label.url-client-safe, .tabcanvas.api .api-editor .field-label.data-type, .tabcanvas.api .api-editor .field-label.email-path, .tabcanvas.api .api-editor .field-label.querystring, .tabcanvas.api .api-editor .field-label.add-offline { clear: none; margin-left: 20px; } .custom-plugin-panel.apiconnector .field-label.private-key, .custom-plugin-panel.apiconnector .field-label.username, .custom-plugin-panel.apiconnector .field-label.password, .custom-plugin-panel.apiconnector .field-label.private-key-name, .custom-plugin-panel.apiconnector .field-label.appid, .custom-plugin-panel.apiconnector .field-label.appsecret, .custom-plugin-panel.apiconnector .field-label.appid-test, .custom-plugin-panel.apiconnector .field-label.appsecret-test, .custom-plugin-panel.apiconnector .field-label.scope, .custom-plugin-panel.apiconnector .field-label.service-call-name, .custom-plugin-panel.apiconnector2 .field-label.private-key, .custom-plugin-panel.apiconnector2 .field-label.username, .custom-plugin-panel.apiconnector2 .field-label.password, .custom-plugin-panel.apiconnector2 .field-label.private-key-name, .custom-plugin-panel.apiconnector2 .field-label.appid, .custom-plugin-panel.apiconnector2 .field-label.appsecret, .custom-plugin-panel.apiconnector2 .field-label.appid-test, .custom-plugin-panel.apiconnector2 .field-label.appsecret-test, .custom-plugin-panel.apiconnector2 .field-label.scope, .custom-plugin-panel.apiconnector2 .field-label.service-call-name, .custom-plugin-panel.appconnector .field-label.private-key, .custom-plugin-panel.appconnector .field-label.username, .custom-plugin-panel.appconnector .field-label.password, .custom-plugin-panel.appconnector .field-label.private-key-name, .custom-plugin-panel.appconnector .field-label.appid, .custom-plugin-panel.appconnector .field-label.appsecret, .custom-plugin-panel.appconnector .field-label.appid-test, .custom-plugin-panel.appconnector .field-label.appsecret-test, .custom-plugin-panel.appconnector .field-label.scope, .custom-plugin-panel.appconnector .field-label.service-call-name, .custom-plugin-panel.dbconnector .field-label.private-key, .custom-plugin-panel.dbconnector .field-label.username, .custom-plugin-panel.dbconnector .field-label.password, .custom-plugin-panel.dbconnector .field-label.private-key-name, .custom-plugin-panel.dbconnector .field-label.appid, .custom-plugin-panel.dbconnector .field-label.appsecret, .custom-plugin-panel.dbconnector .field-label.appid-test, .custom-plugin-panel.dbconnector .field-label.appsecret-test, .custom-plugin-panel.dbconnector .field-label.scope, .custom-plugin-panel.dbconnector .field-label.service-call-name, .custom-plugin-panel .api-editor .field-label.private-key, .custom-plugin-panel .api-editor .field-label.username, .custom-plugin-panel .api-editor .field-label.password, .custom-plugin-panel .api-editor .field-label.private-key-name, .custom-plugin-panel .api-editor .field-label.appid, .custom-plugin-panel .api-editor .field-label.appsecret, .custom-plugin-panel .api-editor .field-label.appid-test, .custom-plugin-panel .api-editor .field-label.appsecret-test, .custom-plugin-panel .api-editor .field-label.scope, .custom-plugin-panel .api-editor .field-label.service-call-name, .tabcanvas.api.apiconnector .field-label.private-key, .tabcanvas.api.apiconnector .field-label.username, .tabcanvas.api.apiconnector .field-label.password, .tabcanvas.api.apiconnector .field-label.private-key-name, .tabcanvas.api.apiconnector .field-label.appid, .tabcanvas.api.apiconnector .field-label.appsecret, .tabcanvas.api.apiconnector .field-label.appid-test, .tabcanvas.api.apiconnector .field-label.appsecret-test, .tabcanvas.api.apiconnector .field-label.scope, .tabcanvas.api.apiconnector .field-label.service-call-name, .tabcanvas.api.apiconnector2 .field-label.private-key, .tabcanvas.api.apiconnector2 .field-label.username, .tabcanvas.api.apiconnector2 .field-label.password, .tabcanvas.api.apiconnector2 .field-label.private-key-name, .tabcanvas.api.apiconnector2 .field-label.appid, .tabcanvas.api.apiconnector2 .field-label.appsecret, .tabcanvas.api.apiconnector2 .field-label.appid-test, .tabcanvas.api.apiconnector2 .field-label.appsecret-test, .tabcanvas.api.apiconnector2 .field-label.scope, .tabcanvas.api.apiconnector2 .field-label.service-call-name, .tabcanvas.api.appconnector .field-label.private-key, .tabcanvas.api.appconnector .field-label.username, .tabcanvas.api.appconnector .field-label.password, .tabcanvas.api.appconnector .field-label.private-key-name, .tabcanvas.api.appconnector .field-label.appid, .tabcanvas.api.appconnector .field-label.appsecret, .tabcanvas.api.appconnector .field-label.appid-test, .tabcanvas.api.appconnector .field-label.appsecret-test, .tabcanvas.api.appconnector .field-label.scope, .tabcanvas.api.appconnector .field-label.service-call-name, .tabcanvas.api.dbconnector .field-label.private-key, .tabcanvas.api.dbconnector .field-label.username, .tabcanvas.api.dbconnector .field-label.password, .tabcanvas.api.dbconnector .field-label.private-key-name, .tabcanvas.api.dbconnector .field-label.appid, .tabcanvas.api.dbconnector .field-label.appsecret, .tabcanvas.api.dbconnector .field-label.appid-test, .tabcanvas.api.dbconnector .field-label.appsecret-test, .tabcanvas.api.dbconnector .field-label.scope, .tabcanvas.api.dbconnector .field-label.service-call-name, .tabcanvas.api .api-editor .field-label.private-key, .tabcanvas.api .api-editor .field-label.username, .tabcanvas.api .api-editor .field-label.password, .tabcanvas.api .api-editor .field-label.private-key-name, .tabcanvas.api .api-editor .field-label.appid, .tabcanvas.api .api-editor .field-label.appsecret, .tabcanvas.api .api-editor .field-label.appid-test, .tabcanvas.api .api-editor .field-label.appsecret-test, .tabcanvas.api .api-editor .field-label.scope, .tabcanvas.api .api-editor .field-label.service-call-name { width: 90px; } .custom-plugin-panel.apiconnector .field-label.param-key, .custom-plugin-panel.apiconnector2 .field-label.param-key, .custom-plugin-panel.appconnector .field-label.param-key, .custom-plugin-panel.dbconnector .field-label.param-key, .custom-plugin-panel .api-editor .field-label.param-key, .tabcanvas.api.apiconnector .field-label.param-key, .tabcanvas.api.apiconnector2 .field-label.param-key, .tabcanvas.api.appconnector .field-label.param-key, .tabcanvas.api.dbconnector .field-label.param-key, .tabcanvas.api .api-editor .field-label.param-key { width: 32px; } .custom-plugin-panel.apiconnector .field-label.param-value, .custom-plugin-panel.apiconnector2 .field-label.param-value, .custom-plugin-panel.appconnector .field-label.param-value, .custom-plugin-panel.dbconnector .field-label.param-value, .custom-plugin-panel .api-editor .field-label.param-value, .tabcanvas.api.apiconnector .field-label.param-value, .tabcanvas.api.apiconnector2 .field-label.param-value, .tabcanvas.api.appconnector .field-label.param-value, .tabcanvas.api.dbconnector .field-label.param-value, .tabcanvas.api .api-editor .field-label.param-value { width: 45px; } .custom-plugin-panel.apiconnector .field-label.optional, .custom-plugin-panel.apiconnector2 .field-label.optional, .custom-plugin-panel.appconnector .field-label.optional, .custom-plugin-panel.dbconnector .field-label.optional, .custom-plugin-panel .api-editor .field-label.optional, .tabcanvas.api.apiconnector .field-label.optional, .tabcanvas.api.apiconnector2 .field-label.optional, .tabcanvas.api.appconnector .field-label.optional, .tabcanvas.api.dbconnector .field-label.optional, .tabcanvas.api .api-editor .field-label.optional { width: 62px; } .custom-plugin-panel.apiconnector .field-label.private, .custom-plugin-panel.apiconnector2 .field-label.private, .custom-plugin-panel.appconnector .field-label.private, .custom-plugin-panel.dbconnector .field-label.private, .custom-plugin-panel .api-editor .field-label.private, .tabcanvas.api.apiconnector .field-label.private, .tabcanvas.api.apiconnector2 .field-label.private, .tabcanvas.api.appconnector .field-label.private, .tabcanvas.api.dbconnector .field-label.private, .tabcanvas.api .api-editor .field-label.private { width: 55px; } .custom-plugin-panel.apiconnector .field-label.querystring, .custom-plugin-panel.apiconnector2 .field-label.querystring, .custom-plugin-panel.appconnector .field-label.querystring, .custom-plugin-panel.dbconnector .field-label.querystring, .custom-plugin-panel .api-editor .field-label.querystring, .tabcanvas.api.apiconnector .field-label.querystring, .tabcanvas.api.apiconnector2 .field-label.querystring, .tabcanvas.api.appconnector .field-label.querystring, .tabcanvas.api.dbconnector .field-label.querystring, .tabcanvas.api .api-editor .field-label.querystring { width: 60px; } .custom-plugin-panel.apiconnector .field-label.param-doc, .custom-plugin-panel.apiconnector2 .field-label.param-doc, .custom-plugin-panel.appconnector .field-label.param-doc, .custom-plugin-panel.dbconnector .field-label.param-doc, .custom-plugin-panel .api-editor .field-label.param-doc, .tabcanvas.api.apiconnector .field-label.param-doc, .tabcanvas.api.apiconnector2 .field-label.param-doc, .tabcanvas.api.appconnector .field-label.param-doc, .tabcanvas.api.dbconnector .field-label.param-doc, .tabcanvas.api .api-editor .field-label.param-doc { width: 190px; } .custom-plugin-panel.apiconnector .field-label.add-to-header, .custom-plugin-panel.apiconnector .field-label.add-offline, .custom-plugin-panel.apiconnector .field-label.add-basic-authentication, .custom-plugin-panel.apiconnector .field-label.token-data-type, .custom-plugin-panel.apiconnector2 .field-label.add-to-header, .custom-plugin-panel.apiconnector2 .field-label.add-offline, .custom-plugin-panel.apiconnector2 .field-label.add-basic-authentication, .custom-plugin-panel.apiconnector2 .field-label.token-data-type, .custom-plugin-panel.appconnector .field-label.add-to-header, .custom-plugin-panel.appconnector .field-label.add-offline, .custom-plugin-panel.appconnector .field-label.add-basic-authentication, .custom-plugin-panel.appconnector .field-label.token-data-type, .custom-plugin-panel.dbconnector .field-label.add-to-header, .custom-plugin-panel.dbconnector .field-label.add-offline, .custom-plugin-panel.dbconnector .field-label.add-basic-authentication, .custom-plugin-panel.dbconnector .field-label.token-data-type, .custom-plugin-panel .api-editor .field-label.add-to-header, .custom-plugin-panel .api-editor .field-label.add-offline, .custom-plugin-panel .api-editor .field-label.add-basic-authentication, .custom-plugin-panel .api-editor .field-label.token-data-type, .tabcanvas.api.apiconnector .field-label.add-to-header, .tabcanvas.api.apiconnector .field-label.add-offline, .tabcanvas.api.apiconnector .field-label.add-basic-authentication, .tabcanvas.api.apiconnector .field-label.token-data-type, .tabcanvas.api.apiconnector2 .field-label.add-to-header, .tabcanvas.api.apiconnector2 .field-label.add-offline, .tabcanvas.api.apiconnector2 .field-label.add-basic-authentication, .tabcanvas.api.apiconnector2 .field-label.token-data-type, .tabcanvas.api.appconnector .field-label.add-to-header, .tabcanvas.api.appconnector .field-label.add-offline, .tabcanvas.api.appconnector .field-label.add-basic-authentication, .tabcanvas.api.appconnector .field-label.token-data-type, .tabcanvas.api.dbconnector .field-label.add-to-header, .tabcanvas.api.dbconnector .field-label.add-offline, .tabcanvas.api.dbconnector .field-label.add-basic-authentication, .tabcanvas.api.dbconnector .field-label.token-data-type, .tabcanvas.api .api-editor .field-label.add-to-header, .tabcanvas.api .api-editor .field-label.add-offline, .tabcanvas.api .api-editor .field-label.add-basic-authentication, .tabcanvas.api .api-editor .field-label.token-data-type { width: 362px; } .custom-plugin-panel.apiconnector .field-label.doc-link, .custom-plugin-panel.apiconnector2 .field-label.doc-link, .custom-plugin-panel.appconnector .field-label.doc-link, .custom-plugin-panel.dbconnector .field-label.doc-link, .custom-plugin-panel .api-editor .field-label.doc-link, .tabcanvas.api.apiconnector .field-label.doc-link, .tabcanvas.api.apiconnector2 .field-label.doc-link, .tabcanvas.api.appconnector .field-label.doc-link, .tabcanvas.api.dbconnector .field-label.doc-link, .tabcanvas.api .api-editor .field-label.doc-link { width: 167px; margin-top: 20px; } .custom-plugin-panel.apiconnector .field-label.auth-method, .custom-plugin-panel.apiconnector2 .field-label.auth-method, .custom-plugin-panel.appconnector .field-label.auth-method, .custom-plugin-panel.dbconnector .field-label.auth-method, .custom-plugin-panel .api-editor .field-label.auth-method, .tabcanvas.api.apiconnector .field-label.auth-method, .tabcanvas.api.apiconnector2 .field-label.auth-method, .tabcanvas.api.appconnector .field-label.auth-method, .tabcanvas.api.dbconnector .field-label.auth-method, .tabcanvas.api .api-editor .field-label.auth-method { width: 133px; } .custom-plugin-panel.apiconnector .field-label.development-private-key, .custom-plugin-panel.apiconnector2 .field-label.development-private-key, .custom-plugin-panel.appconnector .field-label.development-private-key, .custom-plugin-panel.dbconnector .field-label.development-private-key, .custom-plugin-panel .api-editor .field-label.development-private-key, .tabcanvas.api.apiconnector .field-label.development-private-key, .tabcanvas.api.apiconnector2 .field-label.development-private-key, .tabcanvas.api.appconnector .field-label.development-private-key, .tabcanvas.api.dbconnector .field-label.development-private-key, .tabcanvas.api .api-editor .field-label.development-private-key { width: 180px; } .custom-plugin-panel.apiconnector .field-label.title-label, .custom-plugin-panel.apiconnector2 .field-label.title-label, .custom-plugin-panel.appconnector .field-label.title-label, .custom-plugin-panel.dbconnector .field-label.title-label, .custom-plugin-panel .api-editor .field-label.title-label, .tabcanvas.api.apiconnector .field-label.title-label, .tabcanvas.api.apiconnector2 .field-label.title-label, .tabcanvas.api.appconnector .field-label.title-label, .tabcanvas.api.dbconnector .field-label.title-label, .tabcanvas.api .api-editor .field-label.title-label { width: 300px; } .custom-plugin-panel.apiconnector .field-label.title-label, .custom-plugin-panel.apiconnector2 .field-label.title-label, .custom-plugin-panel.appconnector .field-label.title-label, .custom-plugin-panel.dbconnector .field-label.title-label, .custom-plugin-panel .api-editor .field-label.title-label, .tabcanvas.api.apiconnector .field-label.title-label, .tabcanvas.api.apiconnector2 .field-label.title-label, .tabcanvas.api.appconnector .field-label.title-label, .tabcanvas.api.dbconnector .field-label.title-label, .tabcanvas.api .api-editor .field-label.title-label { margin-top: 20px; margin-bottom: 7px; } .custom-plugin-panel.apiconnector .field-label.title-label.oauth2-custom, .custom-plugin-panel.apiconnector2 .field-label.title-label.oauth2-custom, .custom-plugin-panel.appconnector .field-label.title-label.oauth2-custom, .custom-plugin-panel.dbconnector .field-label.title-label.oauth2-custom, .custom-plugin-panel .api-editor .field-label.title-label.oauth2-custom, .tabcanvas.api.apiconnector .field-label.title-label.oauth2-custom, .tabcanvas.api.apiconnector2 .field-label.title-label.oauth2-custom, .tabcanvas.api.appconnector .field-label.title-label.oauth2-custom, .tabcanvas.api.dbconnector .field-label.title-label.oauth2-custom, .tabcanvas.api .api-editor .field-label.title-label.oauth2-custom { margin-top: 7px; } .custom-plugin-panel.apiconnector .field-label.server-redirect, .custom-plugin-panel.apiconnector2 .field-label.server-redirect, .custom-plugin-panel.appconnector .field-label.server-redirect, .custom-plugin-panel.dbconnector .field-label.server-redirect, .custom-plugin-panel .api-editor .field-label.server-redirect, .tabcanvas.api.apiconnector .field-label.server-redirect, .tabcanvas.api.apiconnector2 .field-label.server-redirect, .tabcanvas.api.appconnector .field-label.server-redirect, .tabcanvas.api.dbconnector .field-label.server-redirect, .tabcanvas.api .api-editor .field-label.server-redirect { width: 762px; } .custom-plugin-panel.apiconnector .field-label.body-type, .custom-plugin-panel.apiconnector2 .field-label.body-type, .custom-plugin-panel.appconnector .field-label.body-type, .custom-plugin-panel.dbconnector .field-label.body-type, .custom-plugin-panel .api-editor .field-label.body-type, .tabcanvas.api.apiconnector .field-label.body-type, .tabcanvas.api.apiconnector2 .field-label.body-type, .tabcanvas.api.appconnector .field-label.body-type, .tabcanvas.api.dbconnector .field-label.body-type, .tabcanvas.api .api-editor .field-label.body-type { margin-top: 25px; width: 112px; } .custom-plugin-panel.apiconnector .field-label.client-safe, .custom-plugin-panel.apiconnector .field-label.url-client-safe, .custom-plugin-panel.apiconnector .field-label.data-type, .custom-plugin-panel.apiconnector2 .field-label.client-safe, .custom-plugin-panel.apiconnector2 .field-label.url-client-safe, .custom-plugin-panel.apiconnector2 .field-label.data-type, .custom-plugin-panel.appconnector .field-label.client-safe, .custom-plugin-panel.appconnector .field-label.url-client-safe, .custom-plugin-panel.appconnector .field-label.data-type, .custom-plugin-panel.dbconnector .field-label.client-safe, .custom-plugin-panel.dbconnector .field-label.url-client-safe, .custom-plugin-panel.dbconnector .field-label.data-type, .custom-plugin-panel .api-editor .field-label.client-safe, .custom-plugin-panel .api-editor .field-label.url-client-safe, .custom-plugin-panel .api-editor .field-label.data-type, .tabcanvas.api.apiconnector .field-label.client-safe, .tabcanvas.api.apiconnector .field-label.url-client-safe, .tabcanvas.api.apiconnector .field-label.data-type, .tabcanvas.api.apiconnector2 .field-label.client-safe, .tabcanvas.api.apiconnector2 .field-label.url-client-safe, .tabcanvas.api.apiconnector2 .field-label.data-type, .tabcanvas.api.appconnector .field-label.client-safe, .tabcanvas.api.appconnector .field-label.url-client-safe, .tabcanvas.api.appconnector .field-label.data-type, .tabcanvas.api.dbconnector .field-label.client-safe, .tabcanvas.api.dbconnector .field-label.url-client-safe, .tabcanvas.api.dbconnector .field-label.data-type, .tabcanvas.api .api-editor .field-label.client-safe, .tabcanvas.api .api-editor .field-label.url-client-safe, .tabcanvas.api .api-editor .field-label.data-type { width: 80px; } .custom-plugin-panel.apiconnector .field-label.call-body, .custom-plugin-panel.apiconnector2 .field-label.call-body, .custom-plugin-panel.appconnector .field-label.call-body, .custom-plugin-panel.dbconnector .field-label.call-body, .custom-plugin-panel .api-editor .field-label.call-body, .tabcanvas.api.apiconnector .field-label.call-body, .tabcanvas.api.apiconnector2 .field-label.call-body, .tabcanvas.api.appconnector .field-label.call-body, .tabcanvas.api.dbconnector .field-label.call-body, .tabcanvas.api .api-editor .field-label.call-body { margin-top: 15px; width: 500px; } .custom-plugin-panel.apiconnector .field-label.call-name, .custom-plugin-panel.apiconnector2 .field-label.call-name, .custom-plugin-panel.appconnector .field-label.call-name, .custom-plugin-panel.dbconnector .field-label.call-name, .custom-plugin-panel .api-editor .field-label.call-name, .tabcanvas.api.apiconnector .field-label.call-name, .tabcanvas.api.apiconnector2 .field-label.call-name, .tabcanvas.api.appconnector .field-label.call-name, .tabcanvas.api.dbconnector .field-label.call-name, .tabcanvas.api .api-editor .field-label.call-name { width: 75px; } .custom-plugin-panel.apiconnector .field-label.token-endpoint, .custom-plugin-panel.apiconnector .field-label.oauth-user-data-call, .custom-plugin-panel.apiconnector .field-label.id-path, .custom-plugin-panel.apiconnector .field-label.email-path, .custom-plugin-panel.apiconnector .field-label.iss, .custom-plugin-panel.apiconnector .field-label.scope-jwt, .custom-plugin-panel.apiconnector2 .field-label.token-endpoint, .custom-plugin-panel.apiconnector2 .field-label.oauth-user-data-call, .custom-plugin-panel.apiconnector2 .field-label.id-path, .custom-plugin-panel.apiconnector2 .field-label.email-path, .custom-plugin-panel.apiconnector2 .field-label.iss, .custom-plugin-panel.apiconnector2 .field-label.scope-jwt, .custom-plugin-panel.appconnector .field-label.token-endpoint, .custom-plugin-panel.appconnector .field-label.oauth-user-data-call, .custom-plugin-panel.appconnector .field-label.id-path, .custom-plugin-panel.appconnector .field-label.email-path, .custom-plugin-panel.appconnector .field-label.iss, .custom-plugin-panel.appconnector .field-label.scope-jwt, .custom-plugin-panel.dbconnector .field-label.token-endpoint, .custom-plugin-panel.dbconnector .field-label.oauth-user-data-call, .custom-plugin-panel.dbconnector .field-label.id-path, .custom-plugin-panel.dbconnector .field-label.email-path, .custom-plugin-panel.dbconnector .field-label.iss, .custom-plugin-panel.dbconnector .field-label.scope-jwt, .custom-plugin-panel .api-editor .field-label.token-endpoint, .custom-plugin-panel .api-editor .field-label.oauth-user-data-call, .custom-plugin-panel .api-editor .field-label.id-path, .custom-plugin-panel .api-editor .field-label.email-path, .custom-plugin-panel .api-editor .field-label.iss, .custom-plugin-panel .api-editor .field-label.scope-jwt, .tabcanvas.api.apiconnector .field-label.token-endpoint, .tabcanvas.api.apiconnector .field-label.oauth-user-data-call, .tabcanvas.api.apiconnector .field-label.id-path, .tabcanvas.api.apiconnector .field-label.email-path, .tabcanvas.api.apiconnector .field-label.iss, .tabcanvas.api.apiconnector .field-label.scope-jwt, .tabcanvas.api.apiconnector2 .field-label.token-endpoint, .tabcanvas.api.apiconnector2 .field-label.oauth-user-data-call, .tabcanvas.api.apiconnector2 .field-label.id-path, .tabcanvas.api.apiconnector2 .field-label.email-path, .tabcanvas.api.apiconnector2 .field-label.iss, .tabcanvas.api.apiconnector2 .field-label.scope-jwt, .tabcanvas.api.appconnector .field-label.token-endpoint, .tabcanvas.api.appconnector .field-label.oauth-user-data-call, .tabcanvas.api.appconnector .field-label.id-path, .tabcanvas.api.appconnector .field-label.email-path, .tabcanvas.api.appconnector .field-label.iss, .tabcanvas.api.appconnector .field-label.scope-jwt, .tabcanvas.api.dbconnector .field-label.token-endpoint, .tabcanvas.api.dbconnector .field-label.oauth-user-data-call, .tabcanvas.api.dbconnector .field-label.id-path, .tabcanvas.api.dbconnector .field-label.email-path, .tabcanvas.api.dbconnector .field-label.iss, .tabcanvas.api.dbconnector .field-label.scope-jwt, .tabcanvas.api .api-editor .field-label.token-endpoint, .tabcanvas.api .api-editor .field-label.oauth-user-data-call, .tabcanvas.api .api-editor .field-label.id-path, .tabcanvas.api .api-editor .field-label.email-path, .tabcanvas.api .api-editor .field-label.iss, .tabcanvas.api .api-editor .field-label.scope-jwt { width: 170px; } .custom-plugin-panel.apiconnector .field-label.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-label.rsa-private-key, .custom-plugin-panel.appconnector .field-label.rsa-private-key, .custom-plugin-panel.dbconnector .field-label.rsa-private-key, .custom-plugin-panel .api-editor .field-label.rsa-private-key, .tabcanvas.api.apiconnector .field-label.rsa-private-key, .tabcanvas.api.apiconnector2 .field-label.rsa-private-key, .tabcanvas.api.appconnector .field-label.rsa-private-key, .tabcanvas.api.dbconnector .field-label.rsa-private-key, .tabcanvas.api .api-editor .field-label.rsa-private-key { width: 100%; } .custom-plugin-panel.apiconnector .field-label.wrap-error, .custom-plugin-panel.apiconnector2 .field-label.wrap-error, .custom-plugin-panel.appconnector .field-label.wrap-error, .custom-plugin-panel.dbconnector .field-label.wrap-error, .custom-plugin-panel .api-editor .field-label.wrap-error, .tabcanvas.api.apiconnector .field-label.wrap-error, .tabcanvas.api.apiconnector2 .field-label.wrap-error, .tabcanvas.api.appconnector .field-label.wrap-error, .tabcanvas.api.dbconnector .field-label.wrap-error, .tabcanvas.api .api-editor .field-label.wrap-error { width: 476px; } .custom-plugin-panel.apiconnector .field-label.get-headers, .custom-plugin-panel.apiconnector2 .field-label.get-headers, .custom-plugin-panel.appconnector .field-label.get-headers, .custom-plugin-panel.dbconnector .field-label.get-headers, .custom-plugin-panel .api-editor .field-label.get-headers, .tabcanvas.api.apiconnector .field-label.get-headers, .tabcanvas.api.apiconnector2 .field-label.get-headers, .tabcanvas.api.appconnector .field-label.get-headers, .tabcanvas.api.dbconnector .field-label.get-headers, .tabcanvas.api .api-editor .field-label.get-headers { clear: both; width: 476px; margin-top: 9px; } .custom-plugin-panel.apiconnector .field-label.in-browser, .custom-plugin-panel.apiconnector2 .field-label.in-browser, .custom-plugin-panel.appconnector .field-label.in-browser, .custom-plugin-panel.dbconnector .field-label.in-browser, .custom-plugin-panel .api-editor .field-label.in-browser, .tabcanvas.api.apiconnector .field-label.in-browser, .tabcanvas.api.apiconnector2 .field-label.in-browser, .tabcanvas.api.appconnector .field-label.in-browser, .tabcanvas.api.dbconnector .field-label.in-browser, .tabcanvas.api .api-editor .field-label.in-browser { clear: both; width: 476px; margin-top: 18px; } .custom-plugin-panel.apiconnector .field-label.empty-object, .custom-plugin-panel.apiconnector2 .field-label.empty-object, .custom-plugin-panel.appconnector .field-label.empty-object, .custom-plugin-panel.dbconnector .field-label.empty-object, .custom-plugin-panel .api-editor .field-label.empty-object, .tabcanvas.api.apiconnector .field-label.empty-object, .tabcanvas.api.apiconnector2 .field-label.empty-object, .tabcanvas.api.appconnector .field-label.empty-object, .tabcanvas.api.dbconnector .field-label.empty-object, .tabcanvas.api .api-editor .field-label.empty-object { width: 100% !important; } .custom-plugin-panel.apiconnector .field-label.allow-blank, .custom-plugin-panel.apiconnector2 .field-label.allow-blank, .custom-plugin-panel.appconnector .field-label.allow-blank, .custom-plugin-panel.dbconnector .field-label.allow-blank, .custom-plugin-panel .api-editor .field-label.allow-blank, .tabcanvas.api.apiconnector .field-label.allow-blank, .tabcanvas.api.apiconnector2 .field-label.allow-blank, .tabcanvas.api.appconnector .field-label.allow-blank, .tabcanvas.api.dbconnector .field-label.allow-blank, .tabcanvas.api .api-editor .field-label.allow-blank { width: 80px !important; } .custom-plugin-panel.apiconnector .delete-btn.delete-call-button, .custom-plugin-panel.apiconnector .delete-btn.delete-app-button, .custom-plugin-panel.apiconnector .delete-btn.delete-param-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-app-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-param-button, .custom-plugin-panel.appconnector .delete-btn.delete-call-button, .custom-plugin-panel.appconnector .delete-btn.delete-app-button, .custom-plugin-panel.appconnector .delete-btn.delete-param-button, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button, .custom-plugin-panel.dbconnector .delete-btn.delete-app-button, .custom-plugin-panel.dbconnector .delete-btn.delete-param-button, .custom-plugin-panel .api-editor .delete-btn.delete-call-button, .custom-plugin-panel .api-editor .delete-btn.delete-app-button, .custom-plugin-panel .api-editor .delete-btn.delete-param-button, .tabcanvas.api.apiconnector .delete-btn.delete-call-button, .tabcanvas.api.apiconnector .delete-btn.delete-app-button, .tabcanvas.api.apiconnector .delete-btn.delete-param-button, .tabcanvas.api.apiconnector2 .delete-btn.delete-call-button, .tabcanvas.api.apiconnector2 .delete-btn.delete-app-button, .tabcanvas.api.apiconnector2 .delete-btn.delete-param-button, .tabcanvas.api.appconnector .delete-btn.delete-call-button, .tabcanvas.api.appconnector .delete-btn.delete-app-button, .tabcanvas.api.appconnector .delete-btn.delete-param-button, .tabcanvas.api.dbconnector .delete-btn.delete-call-button, .tabcanvas.api.dbconnector .delete-btn.delete-app-button, .tabcanvas.api.dbconnector .delete-btn.delete-param-button, .tabcanvas.api .api-editor .delete-btn.delete-call-button, .tabcanvas.api .api-editor .delete-btn.delete-app-button, .tabcanvas.api .api-editor .delete-btn.delete-param-button { margin-top: 7px !important; margin-right: 0px !important; } .custom-plugin-panel.apiconnector .delete-btn.delete-call-button, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button, .custom-plugin-panel.appconnector .delete-btn.delete-call-button, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button, .custom-plugin-panel .api-editor .delete-btn.delete-call-button, .tabcanvas.api.apiconnector .delete-btn.delete-call-button, .tabcanvas.api.apiconnector2 .delete-btn.delete-call-button, .tabcanvas.api.appconnector .delete-btn.delete-call-button, .tabcanvas.api.dbconnector .delete-btn.delete-call-button, .tabcanvas.api .api-editor .delete-btn.delete-call-button { margin-left: 10px; } .custom-plugin-panel.apiconnector .delete-btn.delete-call-button.main-api, .custom-plugin-panel.apiconnector2 .delete-btn.delete-call-button.main-api, .custom-plugin-panel.appconnector .delete-btn.delete-call-button.main-api, .custom-plugin-panel.dbconnector .delete-btn.delete-call-button.main-api, .custom-plugin-panel .api-editor .delete-btn.delete-call-button.main-api, .tabcanvas.api.apiconnector .delete-btn.delete-call-button.main-api, .tabcanvas.api.apiconnector2 .delete-btn.delete-call-button.main-api, .tabcanvas.api.appconnector .delete-btn.delete-call-button.main-api, .tabcanvas.api.dbconnector .delete-btn.delete-call-button.main-api, .tabcanvas.api .api-editor .delete-btn.delete-call-button.main-api { margin-left: 30px; } .custom-plugin-panel.apiconnector .delete-param, .custom-plugin-panel.apiconnector2 .delete-param, .custom-plugin-panel.appconnector .delete-param, .custom-plugin-panel.dbconnector .delete-param, .custom-plugin-panel .api-editor .delete-param, .tabcanvas.api.apiconnector .delete-param, .tabcanvas.api.apiconnector2 .delete-param, .tabcanvas.api.appconnector .delete-param, .tabcanvas.api.dbconnector .delete-param, .tabcanvas.api .api-editor .delete-param { margin-top: 7px; float: left; margin-left: 20px; } .custom-plugin-panel.apiconnector div.composer-textbox:has(.field-value), .custom-plugin-panel.apiconnector2 div.composer-textbox:has(.field-value), .custom-plugin-panel.appconnector div.composer-textbox:has(.field-value), .custom-plugin-panel.dbconnector div.composer-textbox:has(.field-value), .custom-plugin-panel .api-editor div.composer-textbox:has(.field-value), .tabcanvas.api.apiconnector div.composer-textbox:has(.field-value), .tabcanvas.api.apiconnector2 div.composer-textbox:has(.field-value), .tabcanvas.api.appconnector div.composer-textbox:has(.field-value), .tabcanvas.api.dbconnector div.composer-textbox:has(.field-value), .tabcanvas.api .api-editor div.composer-textbox:has(.field-value) { float: left; } .custom-plugin-panel.apiconnector .field-value, .custom-plugin-panel.apiconnector2 .field-value, .custom-plugin-panel.appconnector .field-value, .custom-plugin-panel.dbconnector .field-value, .custom-plugin-panel .api-editor .field-value, .tabcanvas.api.apiconnector .field-value, .tabcanvas.api.apiconnector2 .field-value, .tabcanvas.api.appconnector .field-value, .tabcanvas.api.dbconnector .field-value, .tabcanvas.api .api-editor .field-value { float: left; margin-bottom: 8px; } .custom-plugin-panel.apiconnector .field-value.visibility, .custom-plugin-panel.apiconnector2 .field-value.visibility, .custom-plugin-panel.appconnector .field-value.visibility, .custom-plugin-panel.dbconnector .field-value.visibility, .custom-plugin-panel .api-editor .field-value.visibility, .tabcanvas.api.apiconnector .field-value.visibility, .tabcanvas.api.apiconnector2 .field-value.visibility, .tabcanvas.api.appconnector .field-value.visibility, .tabcanvas.api.dbconnector .field-value.visibility, .tabcanvas.api .api-editor .field-value.visibility { margin-left: 20px; } .custom-plugin-panel.apiconnector .field-value.TextBox, .custom-plugin-panel.apiconnector .field-value.composer-file, .custom-plugin-panel.apiconnector2 .field-value.TextBox, .custom-plugin-panel.apiconnector2 .field-value.composer-file, .custom-plugin-panel.appconnector .field-value.TextBox, .custom-plugin-panel.appconnector .field-value.composer-file, .custom-plugin-panel.dbconnector .field-value.TextBox, .custom-plugin-panel.dbconnector .field-value.composer-file, .custom-plugin-panel .api-editor .field-value.TextBox, .custom-plugin-panel .api-editor .field-value.composer-file, .tabcanvas.api.apiconnector .field-value.TextBox, .tabcanvas.api.apiconnector .field-value.composer-file, .tabcanvas.api.apiconnector2 .field-value.TextBox, .tabcanvas.api.apiconnector2 .field-value.composer-file, .tabcanvas.api.appconnector .field-value.TextBox, .tabcanvas.api.appconnector .field-value.composer-file, .tabcanvas.api.dbconnector .field-value.TextBox, .tabcanvas.api.dbconnector .field-value.composer-file, .tabcanvas.api .api-editor .field-value.TextBox, .tabcanvas.api .api-editor .field-value.composer-file { background-color: white; } .custom-plugin-panel.apiconnector .field-value.composer-file .file-caption, .custom-plugin-panel.apiconnector2 .field-value.composer-file .file-caption, .custom-plugin-panel.appconnector .field-value.composer-file .file-caption, .custom-plugin-panel.dbconnector .field-value.composer-file .file-caption, .custom-plugin-panel .api-editor .field-value.composer-file .file-caption, .tabcanvas.api.apiconnector .field-value.composer-file .file-caption, .tabcanvas.api.apiconnector2 .field-value.composer-file .file-caption, .tabcanvas.api.appconnector .field-value.composer-file .file-caption, .tabcanvas.api.dbconnector .field-value.composer-file .file-caption, .tabcanvas.api .api-editor .field-value.composer-file .file-caption { text-align: left; padding-left: 11px; font-size: 13px; padding-top: 10px; } .custom-plugin-panel.apiconnector .field-value.param-key, .custom-plugin-panel.apiconnector2 .field-value.param-key, .custom-plugin-panel.appconnector .field-value.param-key, .custom-plugin-panel.dbconnector .field-value.param-key, .custom-plugin-panel .api-editor .field-value.param-key, .tabcanvas.api.apiconnector .field-value.param-key, .tabcanvas.api.apiconnector2 .field-value.param-key, .tabcanvas.api.appconnector .field-value.param-key, .tabcanvas.api.dbconnector .field-value.param-key, .tabcanvas.api .api-editor .field-value.param-key { width: 150px; } .custom-plugin-panel.apiconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.service-call-name.new-composer, .custom-plugin-panel.appconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.service-call-name.new-composer, .custom-plugin-panel .api-editor .field-value.service-call-name.new-composer, .tabcanvas.api.apiconnector .field-value.service-call-name.new-composer, .tabcanvas.api.apiconnector2 .field-value.service-call-name.new-composer, .tabcanvas.api.appconnector .field-value.service-call-name.new-composer, .tabcanvas.api.dbconnector .field-value.service-call-name.new-composer, .tabcanvas.api .api-editor .field-value.service-call-name.new-composer { width: 193px; margin-bottom: 0px; } .custom-plugin-panel.apiconnector .field-value.method, .custom-plugin-panel.apiconnector2 .field-value.method, .custom-plugin-panel.appconnector .field-value.method, .custom-plugin-panel.dbconnector .field-value.method, .custom-plugin-panel .api-editor .field-value.method, .tabcanvas.api.apiconnector .field-value.method, .tabcanvas.api.apiconnector2 .field-value.method, .tabcanvas.api.appconnector .field-value.method, .tabcanvas.api.dbconnector .field-value.method, .tabcanvas.api .api-editor .field-value.method { clear: left; width: 100px; } .custom-plugin-panel.apiconnector .field-value.param-value, .custom-plugin-panel.apiconnector .field-value.param-value.new-composer, .custom-plugin-panel.apiconnector2 .field-value.param-value, .custom-plugin-panel.apiconnector2 .field-value.param-value.new-composer, .custom-plugin-panel.appconnector .field-value.param-value, .custom-plugin-panel.appconnector .field-value.param-value.new-composer, .custom-plugin-panel.dbconnector .field-value.param-value, .custom-plugin-panel.dbconnector .field-value.param-value.new-composer, .custom-plugin-panel .api-editor .field-value.param-value, .custom-plugin-panel .api-editor .field-value.param-value.new-composer, .tabcanvas.api.apiconnector .field-value.param-value, .tabcanvas.api.apiconnector .field-value.param-value.new-composer, .tabcanvas.api.apiconnector2 .field-value.param-value, .tabcanvas.api.apiconnector2 .field-value.param-value.new-composer, .tabcanvas.api.appconnector .field-value.param-value, .tabcanvas.api.appconnector .field-value.param-value.new-composer, .tabcanvas.api.dbconnector .field-value.param-value, .tabcanvas.api.dbconnector .field-value.param-value.new-composer, .tabcanvas.api .api-editor .field-value.param-value, .tabcanvas.api .api-editor .field-value.param-value.new-composer { width: 178px; } .custom-plugin-panel.apiconnector .field-value.doc-link, .custom-plugin-panel.apiconnector2 .field-value.doc-link, .custom-plugin-panel.appconnector .field-value.doc-link, .custom-plugin-panel.dbconnector .field-value.doc-link, .custom-plugin-panel .api-editor .field-value.doc-link, .tabcanvas.api.apiconnector .field-value.doc-link, .tabcanvas.api.apiconnector2 .field-value.doc-link, .tabcanvas.api.appconnector .field-value.doc-link, .tabcanvas.api.dbconnector .field-value.doc-link, .tabcanvas.api .api-editor .field-value.doc-link { width: 496px; margin-top: 12px; } .custom-plugin-panel.apiconnector .field-value.use-as, .custom-plugin-panel.apiconnector .field-value.publish-as, .custom-plugin-panel.apiconnector2 .field-value.use-as, .custom-plugin-panel.apiconnector2 .field-value.publish-as, .custom-plugin-panel.appconnector .field-value.use-as, .custom-plugin-panel.appconnector .field-value.publish-as, .custom-plugin-panel.dbconnector .field-value.use-as, .custom-plugin-panel.dbconnector .field-value.publish-as, .custom-plugin-panel .api-editor .field-value.use-as, .custom-plugin-panel .api-editor .field-value.publish-as, .tabcanvas.api.apiconnector .field-value.use-as, .tabcanvas.api.apiconnector .field-value.publish-as, .tabcanvas.api.apiconnector2 .field-value.use-as, .tabcanvas.api.apiconnector2 .field-value.publish-as, .tabcanvas.api.appconnector .field-value.use-as, .tabcanvas.api.appconnector .field-value.publish-as, .tabcanvas.api.dbconnector .field-value.use-as, .tabcanvas.api.dbconnector .field-value.publish-as, .tabcanvas.api .api-editor .field-value.use-as, .tabcanvas.api .api-editor .field-value.publish-as { clear: none; width: 80px; } .custom-plugin-panel.apiconnector .field-value.body-type, .custom-plugin-panel.apiconnector2 .field-value.body-type, .custom-plugin-panel.appconnector .field-value.body-type, .custom-plugin-panel.dbconnector .field-value.body-type, .custom-plugin-panel .api-editor .field-value.body-type, .tabcanvas.api.apiconnector .field-value.body-type, .tabcanvas.api.apiconnector2 .field-value.body-type, .tabcanvas.api.appconnector .field-value.body-type, .tabcanvas.api.dbconnector .field-value.body-type, .tabcanvas.api .api-editor .field-value.body-type { margin-top: 16px; margin-bottom: 0px; } .custom-plugin-panel.apiconnector .field-value.url, .custom-plugin-panel.apiconnector2 .field-value.url, .custom-plugin-panel.appconnector .field-value.url, .custom-plugin-panel.dbconnector .field-value.url, .custom-plugin-panel .api-editor .field-value.url, .tabcanvas.api.apiconnector .field-value.url, .tabcanvas.api.apiconnector2 .field-value.url, .tabcanvas.api.appconnector .field-value.url, .tabcanvas.api.dbconnector .field-value.url, .tabcanvas.api .api-editor .field-value.url { margin-left: 10px; width: 510px; } .custom-plugin-panel.apiconnector .field-value.url.new-composer, .custom-plugin-panel.apiconnector2 .field-value.url.new-composer, .custom-plugin-panel.appconnector .field-value.url.new-composer, .custom-plugin-panel.dbconnector .field-value.url.new-composer, .custom-plugin-panel .api-editor .field-value.url.new-composer, .tabcanvas.api.apiconnector .field-value.url.new-composer, .tabcanvas.api.apiconnector2 .field-value.url.new-composer, .tabcanvas.api.appconnector .field-value.url.new-composer, .tabcanvas.api.dbconnector .field-value.url.new-composer, .tabcanvas.api .api-editor .field-value.url.new-composer { width: 510px; } .custom-plugin-panel.apiconnector .field-value.rsa-private-key, .custom-plugin-panel.apiconnector .field-value.call-body, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-value.call-body, .custom-plugin-panel.appconnector .field-value.rsa-private-key, .custom-plugin-panel.appconnector .field-value.call-body, .custom-plugin-panel.dbconnector .field-value.rsa-private-key, .custom-plugin-panel.dbconnector .field-value.call-body, .custom-plugin-panel .api-editor .field-value.rsa-private-key, .custom-plugin-panel .api-editor .field-value.call-body, .tabcanvas.api.apiconnector .field-value.rsa-private-key, .tabcanvas.api.apiconnector .field-value.call-body, .tabcanvas.api.apiconnector2 .field-value.rsa-private-key, .tabcanvas.api.apiconnector2 .field-value.call-body, .tabcanvas.api.appconnector .field-value.rsa-private-key, .tabcanvas.api.appconnector .field-value.call-body, .tabcanvas.api.dbconnector .field-value.rsa-private-key, .tabcanvas.api.dbconnector .field-value.call-body, .tabcanvas.api .api-editor .field-value.rsa-private-key, .tabcanvas.api .api-editor .field-value.call-body { margin-top: 10px; background-color: white; } .custom-plugin-panel.apiconnector .field-value.call-body, .custom-plugin-panel.apiconnector2 .field-value.call-body, .custom-plugin-panel.appconnector .field-value.call-body, .custom-plugin-panel.dbconnector .field-value.call-body, .custom-plugin-panel .api-editor .field-value.call-body, .tabcanvas.api.apiconnector .field-value.call-body, .tabcanvas.api.apiconnector2 .field-value.call-body, .tabcanvas.api.appconnector .field-value.call-body, .tabcanvas.api.dbconnector .field-value.call-body, .tabcanvas.api .api-editor .field-value.call-body { width: 763px; } .custom-plugin-panel.apiconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.apiconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.appconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.appconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel.dbconnector .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel.dbconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .custom-plugin-panel .api-editor .field-value.call-body.bubble-ui.CodeComposer, .custom-plugin-panel .api-editor .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .tabcanvas.api.apiconnector .field-value.call-body.bubble-ui.CodeComposer, .tabcanvas.api.apiconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .tabcanvas.api.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer, .tabcanvas.api.apiconnector2 .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .tabcanvas.api.appconnector .field-value.call-body.bubble-ui.CodeComposer, .tabcanvas.api.appconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .tabcanvas.api.dbconnector .field-value.call-body.bubble-ui.CodeComposer, .tabcanvas.api.dbconnector .field-value.call-body.bubble-ui.CodeComposer .CodeMirror, .tabcanvas.api .api-editor .field-value.call-body.bubble-ui.CodeComposer, .tabcanvas.api .api-editor .field-value.call-body.bubble-ui.CodeComposer .CodeMirror { min-height: 49px; } .custom-plugin-panel.apiconnector .field-value.param-doc, .custom-plugin-panel.apiconnector2 .field-value.param-doc, .custom-plugin-panel.appconnector .field-value.param-doc, .custom-plugin-panel.dbconnector .field-value.param-doc, .custom-plugin-panel .api-editor .field-value.param-doc, .tabcanvas.api.apiconnector .field-value.param-doc, .tabcanvas.api.apiconnector2 .field-value.param-doc, .tabcanvas.api.appconnector .field-value.param-doc, .tabcanvas.api.dbconnector .field-value.param-doc, .tabcanvas.api .api-editor .field-value.param-doc { width: 471px; min-height: 30px; padding: 6px 2px 4px 10px; } .custom-plugin-panel.apiconnector .field-value.client-safe-checkbox, .custom-plugin-panel.apiconnector .field-value.url-client-safe, .custom-plugin-panel.apiconnector2 .field-value.client-safe-checkbox, .custom-plugin-panel.apiconnector2 .field-value.url-client-safe, .custom-plugin-panel.appconnector .field-value.client-safe-checkbox, .custom-plugin-panel.appconnector .field-value.url-client-safe, .custom-plugin-panel.dbconnector .field-value.client-safe-checkbox, .custom-plugin-panel.dbconnector .field-value.url-client-safe, .custom-plugin-panel .api-editor .field-value.client-safe-checkbox, .custom-plugin-panel .api-editor .field-value.url-client-safe, .tabcanvas.api.apiconnector .field-value.client-safe-checkbox, .tabcanvas.api.apiconnector .field-value.url-client-safe, .tabcanvas.api.apiconnector2 .field-value.client-safe-checkbox, .tabcanvas.api.apiconnector2 .field-value.url-client-safe, .tabcanvas.api.appconnector .field-value.client-safe-checkbox, .tabcanvas.api.appconnector .field-value.url-client-safe, .tabcanvas.api.dbconnector .field-value.client-safe-checkbox, .tabcanvas.api.dbconnector .field-value.url-client-safe, .tabcanvas.api .api-editor .field-value.client-safe-checkbox, .tabcanvas.api .api-editor .field-value.url-client-safe { width: 20px; background-color: transparent; } .custom-plugin-panel.apiconnector .field-value.call-name, .custom-plugin-panel.apiconnector .field-value.username, .custom-plugin-panel.apiconnector .field-value.password, .custom-plugin-panel.apiconnector .field-value.private-key-name, .custom-plugin-panel.apiconnector .field-value.private-key, .custom-plugin-panel.apiconnector .field-value.development-private-key, .custom-plugin-panel.apiconnector .field-value.appid, .custom-plugin-panel.apiconnector .field-value.appsecret, .custom-plugin-panel.apiconnector .field-value.appid-test, .custom-plugin-panel.apiconnector .field-value.appsecret-test, .custom-plugin-panel.apiconnector .field-value.scope, .custom-plugin-panel.apiconnector .field-value.service-call-name, .custom-plugin-panel.apiconnector .field-value.id-path, .custom-plugin-panel.apiconnector .field-value.email-path, .custom-plugin-panel.apiconnector2 .field-value.call-name, .custom-plugin-panel.apiconnector2 .field-value.username, .custom-plugin-panel.apiconnector2 .field-value.password, .custom-plugin-panel.apiconnector2 .field-value.private-key-name, .custom-plugin-panel.apiconnector2 .field-value.private-key, .custom-plugin-panel.apiconnector2 .field-value.development-private-key, .custom-plugin-panel.apiconnector2 .field-value.appid, .custom-plugin-panel.apiconnector2 .field-value.appsecret, .custom-plugin-panel.apiconnector2 .field-value.appid-test, .custom-plugin-panel.apiconnector2 .field-value.appsecret-test, .custom-plugin-panel.apiconnector2 .field-value.scope, .custom-plugin-panel.apiconnector2 .field-value.service-call-name, .custom-plugin-panel.apiconnector2 .field-value.id-path, .custom-plugin-panel.apiconnector2 .field-value.email-path, .custom-plugin-panel.appconnector .field-value.call-name, .custom-plugin-panel.appconnector .field-value.username, .custom-plugin-panel.appconnector .field-value.password, .custom-plugin-panel.appconnector .field-value.private-key-name, .custom-plugin-panel.appconnector .field-value.private-key, .custom-plugin-panel.appconnector .field-value.development-private-key, .custom-plugin-panel.appconnector .field-value.appid, .custom-plugin-panel.appconnector .field-value.appsecret, .custom-plugin-panel.appconnector .field-value.appid-test, .custom-plugin-panel.appconnector .field-value.appsecret-test, .custom-plugin-panel.appconnector .field-value.scope, .custom-plugin-panel.appconnector .field-value.service-call-name, .custom-plugin-panel.appconnector .field-value.id-path, .custom-plugin-panel.appconnector .field-value.email-path, .custom-plugin-panel.dbconnector .field-value.call-name, .custom-plugin-panel.dbconnector .field-value.username, .custom-plugin-panel.dbconnector .field-value.password, .custom-plugin-panel.dbconnector .field-value.private-key-name, .custom-plugin-panel.dbconnector .field-value.private-key, .custom-plugin-panel.dbconnector .field-value.development-private-key, .custom-plugin-panel.dbconnector .field-value.appid, .custom-plugin-panel.dbconnector .field-value.appsecret, .custom-plugin-panel.dbconnector .field-value.appid-test, .custom-plugin-panel.dbconnector .field-value.appsecret-test, .custom-plugin-panel.dbconnector .field-value.scope, .custom-plugin-panel.dbconnector .field-value.service-call-name, .custom-plugin-panel.dbconnector .field-value.id-path, .custom-plugin-panel.dbconnector .field-value.email-path, .custom-plugin-panel .api-editor .field-value.call-name, .custom-plugin-panel .api-editor .field-value.username, .custom-plugin-panel .api-editor .field-value.password, .custom-plugin-panel .api-editor .field-value.private-key-name, .custom-plugin-panel .api-editor .field-value.private-key, .custom-plugin-panel .api-editor .field-value.development-private-key, .custom-plugin-panel .api-editor .field-value.appid, .custom-plugin-panel .api-editor .field-value.appsecret, .custom-plugin-panel .api-editor .field-value.appid-test, .custom-plugin-panel .api-editor .field-value.appsecret-test, .custom-plugin-panel .api-editor .field-value.scope, .custom-plugin-panel .api-editor .field-value.service-call-name, .custom-plugin-panel .api-editor .field-value.id-path, .custom-plugin-panel .api-editor .field-value.email-path, .tabcanvas.api.apiconnector .field-value.call-name, .tabcanvas.api.apiconnector .field-value.username, .tabcanvas.api.apiconnector .field-value.password, .tabcanvas.api.apiconnector .field-value.private-key-name, .tabcanvas.api.apiconnector .field-value.private-key, .tabcanvas.api.apiconnector .field-value.development-private-key, .tabcanvas.api.apiconnector .field-value.appid, .tabcanvas.api.apiconnector .field-value.appsecret, .tabcanvas.api.apiconnector .field-value.appid-test, .tabcanvas.api.apiconnector .field-value.appsecret-test, .tabcanvas.api.apiconnector .field-value.scope, .tabcanvas.api.apiconnector .field-value.service-call-name, .tabcanvas.api.apiconnector .field-value.id-path, .tabcanvas.api.apiconnector .field-value.email-path, .tabcanvas.api.apiconnector2 .field-value.call-name, .tabcanvas.api.apiconnector2 .field-value.username, .tabcanvas.api.apiconnector2 .field-value.password, .tabcanvas.api.apiconnector2 .field-value.private-key-name, .tabcanvas.api.apiconnector2 .field-value.private-key, .tabcanvas.api.apiconnector2 .field-value.development-private-key, .tabcanvas.api.apiconnector2 .field-value.appid, .tabcanvas.api.apiconnector2 .field-value.appsecret, .tabcanvas.api.apiconnector2 .field-value.appid-test, .tabcanvas.api.apiconnector2 .field-value.appsecret-test, .tabcanvas.api.apiconnector2 .field-value.scope, .tabcanvas.api.apiconnector2 .field-value.service-call-name, .tabcanvas.api.apiconnector2 .field-value.id-path, .tabcanvas.api.apiconnector2 .field-value.email-path, .tabcanvas.api.appconnector .field-value.call-name, .tabcanvas.api.appconnector .field-value.username, .tabcanvas.api.appconnector .field-value.password, .tabcanvas.api.appconnector .field-value.private-key-name, .tabcanvas.api.appconnector .field-value.private-key, .tabcanvas.api.appconnector .field-value.development-private-key, .tabcanvas.api.appconnector .field-value.appid, .tabcanvas.api.appconnector .field-value.appsecret, .tabcanvas.api.appconnector .field-value.appid-test, .tabcanvas.api.appconnector .field-value.appsecret-test, .tabcanvas.api.appconnector .field-value.scope, .tabcanvas.api.appconnector .field-value.service-call-name, .tabcanvas.api.appconnector .field-value.id-path, .tabcanvas.api.appconnector .field-value.email-path, .tabcanvas.api.dbconnector .field-value.call-name, .tabcanvas.api.dbconnector .field-value.username, .tabcanvas.api.dbconnector .field-value.password, .tabcanvas.api.dbconnector .field-value.private-key-name, .tabcanvas.api.dbconnector .field-value.private-key, .tabcanvas.api.dbconnector .field-value.development-private-key, .tabcanvas.api.dbconnector .field-value.appid, .tabcanvas.api.dbconnector .field-value.appsecret, .tabcanvas.api.dbconnector .field-value.appid-test, .tabcanvas.api.dbconnector .field-value.appsecret-test, .tabcanvas.api.dbconnector .field-value.scope, .tabcanvas.api.dbconnector .field-value.service-call-name, .tabcanvas.api.dbconnector .field-value.id-path, .tabcanvas.api.dbconnector .field-value.email-path, .tabcanvas.api .api-editor .field-value.call-name, .tabcanvas.api .api-editor .field-value.username, .tabcanvas.api .api-editor .field-value.password, .tabcanvas.api .api-editor .field-value.private-key-name, .tabcanvas.api .api-editor .field-value.private-key, .tabcanvas.api .api-editor .field-value.development-private-key, .tabcanvas.api .api-editor .field-value.appid, .tabcanvas.api .api-editor .field-value.appsecret, .tabcanvas.api .api-editor .field-value.appid-test, .tabcanvas.api .api-editor .field-value.appsecret-test, .tabcanvas.api .api-editor .field-value.scope, .tabcanvas.api .api-editor .field-value.service-call-name, .tabcanvas.api .api-editor .field-value.id-path, .tabcanvas.api .api-editor .field-value.email-path { width: 290px; } .custom-plugin-panel.apiconnector .field-value.call-name.new-composer, .custom-plugin-panel.apiconnector .field-value.username.new-composer, .custom-plugin-panel.apiconnector .field-value.password.new-composer, .custom-plugin-panel.apiconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.apiconnector .field-value.private-key.new-composer, .custom-plugin-panel.apiconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.apiconnector .field-value.appid.new-composer, .custom-plugin-panel.apiconnector .field-value.appsecret.new-composer, .custom-plugin-panel.apiconnector .field-value.appid-test.new-composer, .custom-plugin-panel.apiconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.apiconnector .field-value.scope.new-composer, .custom-plugin-panel.apiconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector .field-value.email-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.username.new-composer, .custom-plugin-panel.apiconnector2 .field-value.password.new-composer, .custom-plugin-panel.apiconnector2 .field-value.private-key-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.development-private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appid.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appsecret.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appid-test.new-composer, .custom-plugin-panel.apiconnector2 .field-value.appsecret-test.new-composer, .custom-plugin-panel.apiconnector2 .field-value.scope.new-composer, .custom-plugin-panel.apiconnector2 .field-value.service-call-name.new-composer, .custom-plugin-panel.apiconnector2 .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.email-path.new-composer, .custom-plugin-panel.appconnector .field-value.call-name.new-composer, .custom-plugin-panel.appconnector .field-value.username.new-composer, .custom-plugin-panel.appconnector .field-value.password.new-composer, .custom-plugin-panel.appconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.appconnector .field-value.private-key.new-composer, .custom-plugin-panel.appconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.appconnector .field-value.appid.new-composer, .custom-plugin-panel.appconnector .field-value.appsecret.new-composer, .custom-plugin-panel.appconnector .field-value.appid-test.new-composer, .custom-plugin-panel.appconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.appconnector .field-value.scope.new-composer, .custom-plugin-panel.appconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.appconnector .field-value.id-path.new-composer, .custom-plugin-panel.appconnector .field-value.email-path.new-composer, .custom-plugin-panel.dbconnector .field-value.call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.username.new-composer, .custom-plugin-panel.dbconnector .field-value.password.new-composer, .custom-plugin-panel.dbconnector .field-value.private-key-name.new-composer, .custom-plugin-panel.dbconnector .field-value.private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.development-private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.appid.new-composer, .custom-plugin-panel.dbconnector .field-value.appsecret.new-composer, .custom-plugin-panel.dbconnector .field-value.appid-test.new-composer, .custom-plugin-panel.dbconnector .field-value.appsecret-test.new-composer, .custom-plugin-panel.dbconnector .field-value.scope.new-composer, .custom-plugin-panel.dbconnector .field-value.service-call-name.new-composer, .custom-plugin-panel.dbconnector .field-value.id-path.new-composer, .custom-plugin-panel.dbconnector .field-value.email-path.new-composer, .custom-plugin-panel .api-editor .field-value.call-name.new-composer, .custom-plugin-panel .api-editor .field-value.username.new-composer, .custom-plugin-panel .api-editor .field-value.password.new-composer, .custom-plugin-panel .api-editor .field-value.private-key-name.new-composer, .custom-plugin-panel .api-editor .field-value.private-key.new-composer, .custom-plugin-panel .api-editor .field-value.development-private-key.new-composer, .custom-plugin-panel .api-editor .field-value.appid.new-composer, .custom-plugin-panel .api-editor .field-value.appsecret.new-composer, .custom-plugin-panel .api-editor .field-value.appid-test.new-composer, .custom-plugin-panel .api-editor .field-value.appsecret-test.new-composer, .custom-plugin-panel .api-editor .field-value.scope.new-composer, .custom-plugin-panel .api-editor .field-value.service-call-name.new-composer, .custom-plugin-panel .api-editor .field-value.id-path.new-composer, .custom-plugin-panel .api-editor .field-value.email-path.new-composer, .tabcanvas.api.apiconnector .field-value.call-name.new-composer, .tabcanvas.api.apiconnector .field-value.username.new-composer, .tabcanvas.api.apiconnector .field-value.password.new-composer, .tabcanvas.api.apiconnector .field-value.private-key-name.new-composer, .tabcanvas.api.apiconnector .field-value.private-key.new-composer, .tabcanvas.api.apiconnector .field-value.development-private-key.new-composer, .tabcanvas.api.apiconnector .field-value.appid.new-composer, .tabcanvas.api.apiconnector .field-value.appsecret.new-composer, .tabcanvas.api.apiconnector .field-value.appid-test.new-composer, .tabcanvas.api.apiconnector .field-value.appsecret-test.new-composer, .tabcanvas.api.apiconnector .field-value.scope.new-composer, .tabcanvas.api.apiconnector .field-value.service-call-name.new-composer, .tabcanvas.api.apiconnector .field-value.id-path.new-composer, .tabcanvas.api.apiconnector .field-value.email-path.new-composer, .tabcanvas.api.apiconnector2 .field-value.call-name.new-composer, .tabcanvas.api.apiconnector2 .field-value.username.new-composer, .tabcanvas.api.apiconnector2 .field-value.password.new-composer, .tabcanvas.api.apiconnector2 .field-value.private-key-name.new-composer, .tabcanvas.api.apiconnector2 .field-value.private-key.new-composer, .tabcanvas.api.apiconnector2 .field-value.development-private-key.new-composer, .tabcanvas.api.apiconnector2 .field-value.appid.new-composer, .tabcanvas.api.apiconnector2 .field-value.appsecret.new-composer, .tabcanvas.api.apiconnector2 .field-value.appid-test.new-composer, .tabcanvas.api.apiconnector2 .field-value.appsecret-test.new-composer, .tabcanvas.api.apiconnector2 .field-value.scope.new-composer, .tabcanvas.api.apiconnector2 .field-value.service-call-name.new-composer, .tabcanvas.api.apiconnector2 .field-value.id-path.new-composer, .tabcanvas.api.apiconnector2 .field-value.email-path.new-composer, .tabcanvas.api.appconnector .field-value.call-name.new-composer, .tabcanvas.api.appconnector .field-value.username.new-composer, .tabcanvas.api.appconnector .field-value.password.new-composer, .tabcanvas.api.appconnector .field-value.private-key-name.new-composer, .tabcanvas.api.appconnector .field-value.private-key.new-composer, .tabcanvas.api.appconnector .field-value.development-private-key.new-composer, .tabcanvas.api.appconnector .field-value.appid.new-composer, .tabcanvas.api.appconnector .field-value.appsecret.new-composer, .tabcanvas.api.appconnector .field-value.appid-test.new-composer, .tabcanvas.api.appconnector .field-value.appsecret-test.new-composer, .tabcanvas.api.appconnector .field-value.scope.new-composer, .tabcanvas.api.appconnector .field-value.service-call-name.new-composer, .tabcanvas.api.appconnector .field-value.id-path.new-composer, .tabcanvas.api.appconnector .field-value.email-path.new-composer, .tabcanvas.api.dbconnector .field-value.call-name.new-composer, .tabcanvas.api.dbconnector .field-value.username.new-composer, .tabcanvas.api.dbconnector .field-value.password.new-composer, .tabcanvas.api.dbconnector .field-value.private-key-name.new-composer, .tabcanvas.api.dbconnector .field-value.private-key.new-composer, .tabcanvas.api.dbconnector .field-value.development-private-key.new-composer, .tabcanvas.api.dbconnector .field-value.appid.new-composer, .tabcanvas.api.dbconnector .field-value.appsecret.new-composer, .tabcanvas.api.dbconnector .field-value.appid-test.new-composer, .tabcanvas.api.dbconnector .field-value.appsecret-test.new-composer, .tabcanvas.api.dbconnector .field-value.scope.new-composer, .tabcanvas.api.dbconnector .field-value.service-call-name.new-composer, .tabcanvas.api.dbconnector .field-value.id-path.new-composer, .tabcanvas.api.dbconnector .field-value.email-path.new-composer, .tabcanvas.api .api-editor .field-value.call-name.new-composer, .tabcanvas.api .api-editor .field-value.username.new-composer, .tabcanvas.api .api-editor .field-value.password.new-composer, .tabcanvas.api .api-editor .field-value.private-key-name.new-composer, .tabcanvas.api .api-editor .field-value.private-key.new-composer, .tabcanvas.api .api-editor .field-value.development-private-key.new-composer, .tabcanvas.api .api-editor .field-value.appid.new-composer, .tabcanvas.api .api-editor .field-value.appsecret.new-composer, .tabcanvas.api .api-editor .field-value.appid-test.new-composer, .tabcanvas.api .api-editor .field-value.appsecret-test.new-composer, .tabcanvas.api .api-editor .field-value.scope.new-composer, .tabcanvas.api .api-editor .field-value.service-call-name.new-composer, .tabcanvas.api .api-editor .field-value.id-path.new-composer, .tabcanvas.api .api-editor .field-value.email-path.new-composer { width: 290px; } .custom-plugin-panel.apiconnector .field-value.token-endpoint, .custom-plugin-panel.apiconnector .field-value.oauth-user-data-call, .custom-plugin-panel.apiconnector .field-value.iss, .custom-plugin-panel.apiconnector .field-value.scope-jwt, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint, .custom-plugin-panel.apiconnector2 .field-value.oauth-user-data-call, .custom-plugin-panel.apiconnector2 .field-value.iss, .custom-plugin-panel.apiconnector2 .field-value.scope-jwt, .custom-plugin-panel.appconnector .field-value.token-endpoint, .custom-plugin-panel.appconnector .field-value.oauth-user-data-call, .custom-plugin-panel.appconnector .field-value.iss, .custom-plugin-panel.appconnector .field-value.scope-jwt, .custom-plugin-panel.dbconnector .field-value.token-endpoint, .custom-plugin-panel.dbconnector .field-value.oauth-user-data-call, .custom-plugin-panel.dbconnector .field-value.iss, .custom-plugin-panel.dbconnector .field-value.scope-jwt, .custom-plugin-panel .api-editor .field-value.token-endpoint, .custom-plugin-panel .api-editor .field-value.oauth-user-data-call, .custom-plugin-panel .api-editor .field-value.iss, .custom-plugin-panel .api-editor .field-value.scope-jwt, .tabcanvas.api.apiconnector .field-value.token-endpoint, .tabcanvas.api.apiconnector .field-value.oauth-user-data-call, .tabcanvas.api.apiconnector .field-value.iss, .tabcanvas.api.apiconnector .field-value.scope-jwt, .tabcanvas.api.apiconnector2 .field-value.token-endpoint, .tabcanvas.api.apiconnector2 .field-value.oauth-user-data-call, .tabcanvas.api.apiconnector2 .field-value.iss, .tabcanvas.api.apiconnector2 .field-value.scope-jwt, .tabcanvas.api.appconnector .field-value.token-endpoint, .tabcanvas.api.appconnector .field-value.oauth-user-data-call, .tabcanvas.api.appconnector .field-value.iss, .tabcanvas.api.appconnector .field-value.scope-jwt, .tabcanvas.api.dbconnector .field-value.token-endpoint, .tabcanvas.api.dbconnector .field-value.oauth-user-data-call, .tabcanvas.api.dbconnector .field-value.iss, .tabcanvas.api.dbconnector .field-value.scope-jwt, .tabcanvas.api .api-editor .field-value.token-endpoint, .tabcanvas.api .api-editor .field-value.oauth-user-data-call, .tabcanvas.api .api-editor .field-value.iss, .tabcanvas.api .api-editor .field-value.scope-jwt { width: 610px; } .custom-plugin-panel.apiconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.apiconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.apiconnector .field-value.iss.new-composer, .custom-plugin-panel.apiconnector .field-value.scope-jwt.new-composer, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.new-composer, .custom-plugin-panel.apiconnector2 .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.apiconnector2 .field-value.iss.new-composer, .custom-plugin-panel.apiconnector2 .field-value.scope-jwt.new-composer, .custom-plugin-panel.appconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.appconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.appconnector .field-value.iss.new-composer, .custom-plugin-panel.appconnector .field-value.scope-jwt.new-composer, .custom-plugin-panel.dbconnector .field-value.token-endpoint.new-composer, .custom-plugin-panel.dbconnector .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel.dbconnector .field-value.iss.new-composer, .custom-plugin-panel.dbconnector .field-value.scope-jwt.new-composer, .custom-plugin-panel .api-editor .field-value.token-endpoint.new-composer, .custom-plugin-panel .api-editor .field-value.oauth-user-data-call.new-composer, .custom-plugin-panel .api-editor .field-value.iss.new-composer, .custom-plugin-panel .api-editor .field-value.scope-jwt.new-composer, .tabcanvas.api.apiconnector .field-value.token-endpoint.new-composer, .tabcanvas.api.apiconnector .field-value.oauth-user-data-call.new-composer, .tabcanvas.api.apiconnector .field-value.iss.new-composer, .tabcanvas.api.apiconnector .field-value.scope-jwt.new-composer, .tabcanvas.api.apiconnector2 .field-value.token-endpoint.new-composer, .tabcanvas.api.apiconnector2 .field-value.oauth-user-data-call.new-composer, .tabcanvas.api.apiconnector2 .field-value.iss.new-composer, .tabcanvas.api.apiconnector2 .field-value.scope-jwt.new-composer, .tabcanvas.api.appconnector .field-value.token-endpoint.new-composer, .tabcanvas.api.appconnector .field-value.oauth-user-data-call.new-composer, .tabcanvas.api.appconnector .field-value.iss.new-composer, .tabcanvas.api.appconnector .field-value.scope-jwt.new-composer, .tabcanvas.api.dbconnector .field-value.token-endpoint.new-composer, .tabcanvas.api.dbconnector .field-value.oauth-user-data-call.new-composer, .tabcanvas.api.dbconnector .field-value.iss.new-composer, .tabcanvas.api.dbconnector .field-value.scope-jwt.new-composer, .tabcanvas.api .api-editor .field-value.token-endpoint.new-composer, .tabcanvas.api .api-editor .field-value.oauth-user-data-call.new-composer, .tabcanvas.api .api-editor .field-value.iss.new-composer, .tabcanvas.api .api-editor .field-value.scope-jwt.new-composer { width: 610px; } .custom-plugin-panel.apiconnector .field-value.token-endpoint.params-allowed, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.params-allowed, .custom-plugin-panel.appconnector .field-value.token-endpoint.params-allowed, .custom-plugin-panel.dbconnector .field-value.token-endpoint.params-allowed, .custom-plugin-panel .api-editor .field-value.token-endpoint.params-allowed, .tabcanvas.api.apiconnector .field-value.token-endpoint.params-allowed, .tabcanvas.api.apiconnector2 .field-value.token-endpoint.params-allowed, .tabcanvas.api.appconnector .field-value.token-endpoint.params-allowed, .tabcanvas.api.dbconnector .field-value.token-endpoint.params-allowed, .tabcanvas.api .api-editor .field-value.token-endpoint.params-allowed { width: 470px; } .custom-plugin-panel.apiconnector .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.apiconnector2 .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.appconnector .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel.dbconnector .field-value.token-endpoint.params-allowed.new-composer, .custom-plugin-panel .api-editor .field-value.token-endpoint.params-allowed.new-composer, .tabcanvas.api.apiconnector .field-value.token-endpoint.params-allowed.new-composer, .tabcanvas.api.apiconnector2 .field-value.token-endpoint.params-allowed.new-composer, .tabcanvas.api.appconnector .field-value.token-endpoint.params-allowed.new-composer, .tabcanvas.api.dbconnector .field-value.token-endpoint.params-allowed.new-composer, .tabcanvas.api .api-editor .field-value.token-endpoint.params-allowed.new-composer { width: 470px; } .custom-plugin-panel.apiconnector .field-value.rsa-private-key, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key, .custom-plugin-panel.appconnector .field-value.rsa-private-key, .custom-plugin-panel.dbconnector .field-value.rsa-private-key, .custom-plugin-panel .api-editor .field-value.rsa-private-key, .tabcanvas.api.apiconnector .field-value.rsa-private-key, .tabcanvas.api.apiconnector2 .field-value.rsa-private-key, .tabcanvas.api.appconnector .field-value.rsa-private-key, .tabcanvas.api.dbconnector .field-value.rsa-private-key, .tabcanvas.api .api-editor .field-value.rsa-private-key { width: 780px; min-height: 70px; font-family: monospace; } .custom-plugin-panel.apiconnector .field-value.rsa-private-key.new-composer, .custom-plugin-panel.apiconnector2 .field-value.rsa-private-key.new-composer, .custom-plugin-panel.appconnector .field-value.rsa-private-key.new-composer, .custom-plugin-panel.dbconnector .field-value.rsa-private-key.new-composer, .custom-plugin-panel .api-editor .field-value.rsa-private-key.new-composer, .tabcanvas.api.apiconnector .field-value.rsa-private-key.new-composer, .tabcanvas.api.apiconnector2 .field-value.rsa-private-key.new-composer, .tabcanvas.api.appconnector .field-value.rsa-private-key.new-composer, .tabcanvas.api.dbconnector .field-value.rsa-private-key.new-composer, .tabcanvas.api .api-editor .field-value.rsa-private-key.new-composer { width: 780px; } .custom-plugin-panel.apiconnector .field-value.id-path, .custom-plugin-panel.apiconnector .field-value.email-path, .custom-plugin-panel.apiconnector2 .field-value.id-path, .custom-plugin-panel.apiconnector2 .field-value.email-path, .custom-plugin-panel.appconnector .field-value.id-path, .custom-plugin-panel.appconnector .field-value.email-path, .custom-plugin-panel.dbconnector .field-value.id-path, .custom-plugin-panel.dbconnector .field-value.email-path, .custom-plugin-panel .api-editor .field-value.id-path, .custom-plugin-panel .api-editor .field-value.email-path, .tabcanvas.api.apiconnector .field-value.id-path, .tabcanvas.api.apiconnector .field-value.email-path, .tabcanvas.api.apiconnector2 .field-value.id-path, .tabcanvas.api.apiconnector2 .field-value.email-path, .tabcanvas.api.appconnector .field-value.id-path, .tabcanvas.api.appconnector .field-value.email-path, .tabcanvas.api.dbconnector .field-value.id-path, .tabcanvas.api.dbconnector .field-value.email-path, .tabcanvas.api .api-editor .field-value.id-path, .tabcanvas.api .api-editor .field-value.email-path { width: 210px; } .custom-plugin-panel.apiconnector .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector .field-value.email-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.id-path.new-composer, .custom-plugin-panel.apiconnector2 .field-value.email-path.new-composer, .custom-plugin-panel.appconnector .field-value.id-path.new-composer, .custom-plugin-panel.appconnector .field-value.email-path.new-composer, .custom-plugin-panel.dbconnector .field-value.id-path.new-composer, .custom-plugin-panel.dbconnector .field-value.email-path.new-composer, .custom-plugin-panel .api-editor .field-value.id-path.new-composer, .custom-plugin-panel .api-editor .field-value.email-path.new-composer, .tabcanvas.api.apiconnector .field-value.id-path.new-composer, .tabcanvas.api.apiconnector .field-value.email-path.new-composer, .tabcanvas.api.apiconnector2 .field-value.id-path.new-composer, .tabcanvas.api.apiconnector2 .field-value.email-path.new-composer, .tabcanvas.api.appconnector .field-value.id-path.new-composer, .tabcanvas.api.appconnector .field-value.email-path.new-composer, .tabcanvas.api.dbconnector .field-value.id-path.new-composer, .tabcanvas.api.dbconnector .field-value.email-path.new-composer, .tabcanvas.api .api-editor .field-value.id-path.new-composer, .tabcanvas.api .api-editor .field-value.email-path.new-composer { width: 210px; } .custom-plugin-panel.apiconnector .field-value.in-browser, .custom-plugin-panel.apiconnector2 .field-value.in-browser, .custom-plugin-panel.appconnector .field-value.in-browser, .custom-plugin-panel.dbconnector .field-value.in-browser, .custom-plugin-panel .api-editor .field-value.in-browser, .tabcanvas.api.apiconnector .field-value.in-browser, .tabcanvas.api.apiconnector2 .field-value.in-browser, .tabcanvas.api.appconnector .field-value.in-browser, .tabcanvas.api.dbconnector .field-value.in-browser, .tabcanvas.api .api-editor .field-value.in-browser { margin-top: 9px; } .custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container, .custom-plugin-panel .api-editor .param-panel .field-value.param-name.container, .tabcanvas.api.apiconnector .param-panel .field-value.param-name.container, .tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container, .tabcanvas.api.appconnector .param-panel .field-value.param-name.container, .tabcanvas.api.dbconnector .param-panel .field-value.param-name.container, .tabcanvas.api .api-editor .param-panel .field-value.param-name.container { display: flex; flex-direction: column; } .custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .custom-plugin-panel .api-editor .param-panel .field-value.param-name.container .composer-textbox .new-composer, .tabcanvas.api.apiconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox .new-composer, .tabcanvas.api.appconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .tabcanvas.api.dbconnector .param-panel .field-value.param-name.container .composer-textbox .new-composer, .tabcanvas.api .api-editor .param-panel .field-value.param-name.container .composer-textbox .new-composer { margin-bottom: 4px; } .custom-plugin-panel.apiconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.appconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel.dbconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .custom-plugin-panel .api-editor .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .tabcanvas.api.apiconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .tabcanvas.api.apiconnector2 .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .tabcanvas.api.appconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .tabcanvas.api.dbconnector .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer, .tabcanvas.api .api-editor .param-panel .field-value.param-name.container .composer-textbox.invalid-border .new-composer { border: 1px solid #f91d56 !important; } .custom-plugin-panel.apiconnector .param-panel .error-msg, .custom-plugin-panel.apiconnector2 .param-panel .error-msg, .custom-plugin-panel.appconnector .param-panel .error-msg, .custom-plugin-panel.dbconnector .param-panel .error-msg, .custom-plugin-panel .api-editor .param-panel .error-msg, .tabcanvas.api.apiconnector .param-panel .error-msg, .tabcanvas.api.apiconnector2 .param-panel .error-msg, .tabcanvas.api.appconnector .param-panel .error-msg, .tabcanvas.api.dbconnector .param-panel .error-msg, .tabcanvas.api .api-editor .param-panel .error-msg { color: #f91d56; font-size: 12px; } .custom-plugin-panel.apiconnector .param-panel .error-msg.hidden, .custom-plugin-panel.apiconnector2 .param-panel .error-msg.hidden, .custom-plugin-panel.appconnector .param-panel .error-msg.hidden, .custom-plugin-panel.dbconnector .param-panel .error-msg.hidden, .custom-plugin-panel .api-editor .param-panel .error-msg.hidden, .tabcanvas.api.apiconnector .param-panel .error-msg.hidden, .tabcanvas.api.apiconnector2 .param-panel .error-msg.hidden, .tabcanvas.api.appconnector .param-panel .error-msg.hidden, .tabcanvas.api.dbconnector .param-panel .error-msg.hidden, .tabcanvas.api .api-editor .param-panel .error-msg.hidden { display: none; } .custom-plugin-panel.apiconnector .param-panel .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel .delete-btn, .custom-plugin-panel.appconnector .param-panel .delete-btn, .custom-plugin-panel.dbconnector .param-panel .delete-btn, .custom-plugin-panel .api-editor .param-panel .delete-btn, .tabcanvas.api.apiconnector .param-panel .delete-btn, .tabcanvas.api.apiconnector2 .param-panel .delete-btn, .tabcanvas.api.appconnector .param-panel .delete-btn, .tabcanvas.api.dbconnector .param-panel .delete-btn, .tabcanvas.api .api-editor .param-panel .delete-btn { margin-right: 0px !important; margin-top: 7px !important; margin-left: 0px; float: right; } .custom-plugin-panel.apiconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.apiconnector .param-panel.shared_params .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel.shared_headers .delete-btn, .custom-plugin-panel.apiconnector2 .param-panel.shared_params .delete-btn, .custom-plugin-panel.appconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.appconnector .param-panel.shared_params .delete-btn, .custom-plugin-panel.dbconnector .param-panel.shared_headers .delete-btn, .custom-plugin-panel.dbconnector .param-panel.shared_params .delete-btn, .custom-plugin-panel .api-editor .param-panel.shared_headers .delete-btn, .custom-plugin-panel .api-editor .param-panel.shared_params .delete-btn, .tabcanvas.api.apiconnector .param-panel.shared_headers .delete-btn, .tabcanvas.api.apiconnector .param-panel.shared_params .delete-btn, .tabcanvas.api.apiconnector2 .param-panel.shared_headers .delete-btn, .tabcanvas.api.apiconnector2 .param-panel.shared_params .delete-btn, .tabcanvas.api.appconnector .param-panel.shared_headers .delete-btn, .tabcanvas.api.appconnector .param-panel.shared_params .delete-btn, .tabcanvas.api.dbconnector .param-panel.shared_headers .delete-btn, .tabcanvas.api.dbconnector .param-panel.shared_params .delete-btn, .tabcanvas.api .api-editor .param-panel.shared_headers .delete-btn, .tabcanvas.api .api-editor .param-panel.shared_params .delete-btn { float: left !important; margin-left: 15px !important; } .custom-plugin-panel.apiconnector .param-panel.shared_headers .param-key.field-value, .custom-plugin-panel.apiconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.apiconnector .param-panel.shared_params .param-key.field-value, .custom-plugin-panel.apiconnector .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_headers .param-key.field-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_params .param-key.field-value, .custom-plugin-panel.apiconnector2 .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.appconnector .param-panel.shared_headers .param-key.field-value, .custom-plugin-panel.appconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.appconnector .param-panel.shared_params .param-key.field-value, .custom-plugin-panel.appconnector .param-panel.shared_params .field-value.param-value, .custom-plugin-panel.dbconnector .param-panel.shared_headers .param-key.field-value, .custom-plugin-panel.dbconnector .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel.dbconnector .param-panel.shared_params .param-key.field-value, .custom-plugin-panel.dbconnector .param-panel.shared_params .field-value.param-value, .custom-plugin-panel .api-editor .param-panel.shared_headers .param-key.field-value, .custom-plugin-panel .api-editor .param-panel.shared_headers .field-value.param-value, .custom-plugin-panel .api-editor .param-panel.shared_params .param-key.field-value, .custom-plugin-panel .api-editor .param-panel.shared_params .field-value.param-value, .tabcanvas.api.apiconnector .param-panel.shared_headers .param-key.field-value, .tabcanvas.api.apiconnector .param-panel.shared_headers .field-value.param-value, .tabcanvas.api.apiconnector .param-panel.shared_params .param-key.field-value, .tabcanvas.api.apiconnector .param-panel.shared_params .field-value.param-value, .tabcanvas.api.apiconnector2 .param-panel.shared_headers .param-key.field-value, .tabcanvas.api.apiconnector2 .param-panel.shared_headers .field-value.param-value, .tabcanvas.api.apiconnector2 .param-panel.shared_params .param-key.field-value, .tabcanvas.api.apiconnector2 .param-panel.shared_params .field-value.param-value, .tabcanvas.api.appconnector .param-panel.shared_headers .param-key.field-value, .tabcanvas.api.appconnector .param-panel.shared_headers .field-value.param-value, .tabcanvas.api.appconnector .param-panel.shared_params .param-key.field-value, .tabcanvas.api.appconnector .param-panel.shared_params .field-value.param-value, .tabcanvas.api.dbconnector .param-panel.shared_headers .param-key.field-value, .tabcanvas.api.dbconnector .param-panel.shared_headers .field-value.param-value, .tabcanvas.api.dbconnector .param-panel.shared_params .param-key.field-value, .tabcanvas.api.dbconnector .param-panel.shared_params .field-value.param-value, .tabcanvas.api .api-editor .param-panel.shared_headers .param-key.field-value, .tabcanvas.api .api-editor .param-panel.shared_headers .field-value.param-value, .tabcanvas.api .api-editor .param-panel.shared_params .param-key.field-value, .tabcanvas.api .api-editor .param-panel.shared_params .field-value.param-value { width: 244px !important; } .custom-plugin-panel.apiconnector .param-panel .field-label.param-value, .custom-plugin-panel.apiconnector .param-panel .field-label.private, .custom-plugin-panel.apiconnector .param-panel .field-label.querystring, .custom-plugin-panel.apiconnector .param-panel .field-label.optional, .custom-plugin-panel.apiconnector .param-panel .field-label.long, .custom-plugin-panel.apiconnector .param-panel .field-label.allow-blank, .custom-plugin-panel.apiconnector2 .param-panel .field-label.param-value, .custom-plugin-panel.apiconnector2 .param-panel .field-label.private, .custom-plugin-panel.apiconnector2 .param-panel .field-label.querystring, .custom-plugin-panel.apiconnector2 .param-panel .field-label.optional, .custom-plugin-panel.apiconnector2 .param-panel .field-label.long, .custom-plugin-panel.apiconnector2 .param-panel .field-label.allow-blank, .custom-plugin-panel.appconnector .param-panel .field-label.param-value, .custom-plugin-panel.appconnector .param-panel .field-label.private, .custom-plugin-panel.appconnector .param-panel .field-label.querystring, .custom-plugin-panel.appconnector .param-panel .field-label.optional, .custom-plugin-panel.appconnector .param-panel .field-label.long, .custom-plugin-panel.appconnector .param-panel .field-label.allow-blank, .custom-plugin-panel.dbconnector .param-panel .field-label.param-value, .custom-plugin-panel.dbconnector .param-panel .field-label.private, .custom-plugin-panel.dbconnector .param-panel .field-label.querystring, .custom-plugin-panel.dbconnector .param-panel .field-label.optional, .custom-plugin-panel.dbconnector .param-panel .field-label.long, .custom-plugin-panel.dbconnector .param-panel .field-label.allow-blank, .custom-plugin-panel .api-editor .param-panel .field-label.param-value, .custom-plugin-panel .api-editor .param-panel .field-label.private, .custom-plugin-panel .api-editor .param-panel .field-label.querystring, .custom-plugin-panel .api-editor .param-panel .field-label.optional, .custom-plugin-panel .api-editor .param-panel .field-label.long, .custom-plugin-panel .api-editor .param-panel .field-label.allow-blank, .tabcanvas.api.apiconnector .param-panel .field-label.param-value, .tabcanvas.api.apiconnector .param-panel .field-label.private, .tabcanvas.api.apiconnector .param-panel .field-label.querystring, .tabcanvas.api.apiconnector .param-panel .field-label.optional, .tabcanvas.api.apiconnector .param-panel .field-label.long, .tabcanvas.api.apiconnector .param-panel .field-label.allow-blank, .tabcanvas.api.apiconnector2 .param-panel .field-label.param-value, .tabcanvas.api.apiconnector2 .param-panel .field-label.private, .tabcanvas.api.apiconnector2 .param-panel .field-label.querystring, .tabcanvas.api.apiconnector2 .param-panel .field-label.optional, .tabcanvas.api.apiconnector2 .param-panel .field-label.long, .tabcanvas.api.apiconnector2 .param-panel .field-label.allow-blank, .tabcanvas.api.appconnector .param-panel .field-label.param-value, .tabcanvas.api.appconnector .param-panel .field-label.private, .tabcanvas.api.appconnector .param-panel .field-label.querystring, .tabcanvas.api.appconnector .param-panel .field-label.optional, .tabcanvas.api.appconnector .param-panel .field-label.long, .tabcanvas.api.appconnector .param-panel .field-label.allow-blank, .tabcanvas.api.dbconnector .param-panel .field-label.param-value, .tabcanvas.api.dbconnector .param-panel .field-label.private, .tabcanvas.api.dbconnector .param-panel .field-label.querystring, .tabcanvas.api.dbconnector .param-panel .field-label.optional, .tabcanvas.api.dbconnector .param-panel .field-label.long, .tabcanvas.api.dbconnector .param-panel .field-label.allow-blank, .tabcanvas.api .api-editor .param-panel .field-label.param-value, .tabcanvas.api .api-editor .param-panel .field-label.private, .tabcanvas.api .api-editor .param-panel .field-label.querystring, .tabcanvas.api .api-editor .param-panel .field-label.optional, .tabcanvas.api .api-editor .param-panel .field-label.long, .tabcanvas.api .api-editor .param-panel .field-label.allow-blank { clear: none; margin-left: 8px; } .custom-plugin-panel.apiconnector .param-panel .field-value.visibility, .custom-plugin-panel.apiconnector2 .param-panel .field-value.visibility, .custom-plugin-panel.appconnector .param-panel .field-value.visibility, .custom-plugin-panel.dbconnector .param-panel .field-value.visibility, .custom-plugin-panel .api-editor .param-panel .field-value.visibility, .tabcanvas.api.apiconnector .param-panel .field-value.visibility, .tabcanvas.api.apiconnector2 .param-panel .field-value.visibility, .tabcanvas.api.appconnector .param-panel .field-value.visibility, .tabcanvas.api.dbconnector .param-panel .field-value.visibility, .tabcanvas.api .api-editor .param-panel .field-value.visibility { margin-left: 10px; } .custom-plugin-panel.apiconnector .param-panel .field-label.long, .custom-plugin-panel.apiconnector2 .param-panel .field-label.long, .custom-plugin-panel.appconnector .param-panel .field-label.long, .custom-plugin-panel.dbconnector .param-panel .field-label.long, .custom-plugin-panel .api-editor .param-panel .field-label.long, .tabcanvas.api.apiconnector .param-panel .field-label.long, .tabcanvas.api.apiconnector2 .param-panel .field-label.long, .tabcanvas.api.appconnector .param-panel .field-label.long, .tabcanvas.api.dbconnector .param-panel .field-label.long, .tabcanvas.api .api-editor .param-panel .field-label.long { width: 37px; } .custom-plugin-panel.apiconnector .delete-button, .custom-plugin-panel.apiconnector2 .delete-button, .custom-plugin-panel.appconnector .delete-button, .custom-plugin-panel.dbconnector .delete-button, .custom-plugin-panel .api-editor .delete-button, .tabcanvas.api.apiconnector .delete-button, .tabcanvas.api.apiconnector2 .delete-button, .tabcanvas.api.appconnector .delete-button, .tabcanvas.api.dbconnector .delete-button, .tabcanvas.api .api-editor .delete-button { float: right; } .custom-plugin-panel.apiconnector .image-preview, .custom-plugin-panel.apiconnector2 .image-preview, .custom-plugin-panel.appconnector .image-preview, .custom-plugin-panel.dbconnector .image-preview, .custom-plugin-panel .api-editor .image-preview, .tabcanvas.api.apiconnector .image-preview, .tabcanvas.api.apiconnector2 .image-preview, .tabcanvas.api.appconnector .image-preview, .tabcanvas.api.dbconnector .image-preview, .tabcanvas.api .api-editor .image-preview { float: left; margin-top: 10px; margin-left: 30px; } .custom-plugin-panel.apiconnector img.image-preview, .custom-plugin-panel.apiconnector2 img.image-preview, .custom-plugin-panel.appconnector img.image-preview, .custom-plugin-panel.dbconnector img.image-preview, .custom-plugin-panel .api-editor img.image-preview, .tabcanvas.api.apiconnector img.image-preview, .tabcanvas.api.apiconnector2 img.image-preview, .tabcanvas.api.appconnector img.image-preview, .tabcanvas.api.dbconnector img.image-preview, .tabcanvas.api .api-editor img.image-preview { height: 35px; width: 50px; } .custom-plugin-panel.apiconnector a.image-preview, .custom-plugin-panel.apiconnector .manual-json-btn, .custom-plugin-panel.apiconnector2 a.image-preview, .custom-plugin-panel.apiconnector2 .manual-json-btn, .custom-plugin-panel.appconnector a.image-preview, .custom-plugin-panel.appconnector .manual-json-btn, .custom-plugin-panel.dbconnector a.image-preview, .custom-plugin-panel.dbconnector .manual-json-btn, .custom-plugin-panel .api-editor a.image-preview, .custom-plugin-panel .api-editor .manual-json-btn, .tabcanvas.api.apiconnector a.image-preview, .tabcanvas.api.apiconnector .manual-json-btn, .tabcanvas.api.apiconnector2 a.image-preview, .tabcanvas.api.apiconnector2 .manual-json-btn, .tabcanvas.api.appconnector a.image-preview, .tabcanvas.api.appconnector .manual-json-btn, .tabcanvas.api.dbconnector a.image-preview, .tabcanvas.api.dbconnector .manual-json-btn, .tabcanvas.api .api-editor a.image-preview, .tabcanvas.api .api-editor .manual-json-btn { margin-top: 18px; } .custom-plugin-panel.apiconnector .manual-json-btn, .custom-plugin-panel.apiconnector2 .manual-json-btn, .custom-plugin-panel.appconnector .manual-json-btn, .custom-plugin-panel.dbconnector .manual-json-btn, .custom-plugin-panel .api-editor .manual-json-btn, .tabcanvas.api.apiconnector .manual-json-btn, .tabcanvas.api.apiconnector2 .manual-json-btn, .tabcanvas.api.appconnector .manual-json-btn, .tabcanvas.api.dbconnector .manual-json-btn, .tabcanvas.api .api-editor .manual-json-btn { clear: none; float: left; margin-left: 20px; width: 190px; cursor: pointer; } .custom-plugin-panel.apiconnector .manual-json-btn:hover, .custom-plugin-panel.apiconnector2 .manual-json-btn:hover, .custom-plugin-panel.appconnector .manual-json-btn:hover, .custom-plugin-panel.dbconnector .manual-json-btn:hover, .custom-plugin-panel .api-editor .manual-json-btn:hover, .tabcanvas.api.apiconnector .manual-json-btn:hover, .tabcanvas.api.apiconnector2 .manual-json-btn:hover, .tabcanvas.api.appconnector .manual-json-btn:hover, .tabcanvas.api.dbconnector .manual-json-btn:hover, .tabcanvas.api .api-editor .manual-json-btn:hover { text-decoration: underline; } .custom-plugin-panel.apiconnector .new-button, .custom-plugin-panel.apiconnector .authenticate-plugin-builder, .custom-plugin-panel.apiconnector2 .new-button, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder, .custom-plugin-panel.appconnector .new-button, .custom-plugin-panel.appconnector .authenticate-plugin-builder, .custom-plugin-panel.dbconnector .new-button, .custom-plugin-panel.dbconnector .authenticate-plugin-builder, .custom-plugin-panel .api-editor .new-button, .custom-plugin-panel .api-editor .authenticate-plugin-builder, .tabcanvas.api.apiconnector .new-button, .tabcanvas.api.apiconnector .authenticate-plugin-builder, .tabcanvas.api.apiconnector2 .new-button, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder, .tabcanvas.api.appconnector .new-button, .tabcanvas.api.appconnector .authenticate-plugin-builder, .tabcanvas.api.dbconnector .new-button, .tabcanvas.api.dbconnector .authenticate-plugin-builder, .tabcanvas.api .api-editor .new-button, .tabcanvas.api .api-editor .authenticate-plugin-builder { float: left; width: 180px; margin-top: 10px; clear: left; } .custom-plugin-panel.apiconnector .new-button.shared-headers, .custom-plugin-panel.apiconnector .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.apiconnector2 .new-button.shared-headers, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.appconnector .new-button.shared-headers, .custom-plugin-panel.appconnector .authenticate-plugin-builder.shared-headers, .custom-plugin-panel.dbconnector .new-button.shared-headers, .custom-plugin-panel.dbconnector .authenticate-plugin-builder.shared-headers, .custom-plugin-panel .api-editor .new-button.shared-headers, .custom-plugin-panel .api-editor .authenticate-plugin-builder.shared-headers, .tabcanvas.api.apiconnector .new-button.shared-headers, .tabcanvas.api.apiconnector .authenticate-plugin-builder.shared-headers, .tabcanvas.api.apiconnector2 .new-button.shared-headers, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder.shared-headers, .tabcanvas.api.appconnector .new-button.shared-headers, .tabcanvas.api.appconnector .authenticate-plugin-builder.shared-headers, .tabcanvas.api.dbconnector .new-button.shared-headers, .tabcanvas.api.dbconnector .authenticate-plugin-builder.shared-headers, .tabcanvas.api .api-editor .new-button.shared-headers, .tabcanvas.api .api-editor .authenticate-plugin-builder.shared-headers { margin-bottom: 10px; } .custom-plugin-panel.apiconnector .new-button.inner-button, .custom-plugin-panel.apiconnector .authenticate-plugin-builder.inner-button, .custom-plugin-panel.apiconnector2 .new-button.inner-button, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.inner-button, .custom-plugin-panel.appconnector .new-button.inner-button, .custom-plugin-panel.appconnector .authenticate-plugin-builder.inner-button, .custom-plugin-panel.dbconnector .new-button.inner-button, .custom-plugin-panel.dbconnector .authenticate-plugin-builder.inner-button, .custom-plugin-panel .api-editor .new-button.inner-button, .custom-plugin-panel .api-editor .authenticate-plugin-builder.inner-button, .tabcanvas.api.apiconnector .new-button.inner-button, .tabcanvas.api.apiconnector .authenticate-plugin-builder.inner-button, .tabcanvas.api.apiconnector2 .new-button.inner-button, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder.inner-button, .tabcanvas.api.appconnector .new-button.inner-button, .tabcanvas.api.appconnector .authenticate-plugin-builder.inner-button, .tabcanvas.api.dbconnector .new-button.inner-button, .tabcanvas.api.dbconnector .authenticate-plugin-builder.inner-button, .tabcanvas.api .api-editor .new-button.inner-button, .tabcanvas.api .api-editor .authenticate-plugin-builder.inner-button { width: 160px; } .custom-plugin-panel.apiconnector .new-button.new-call, .custom-plugin-panel.apiconnector .authenticate-plugin-builder.new-call, .custom-plugin-panel.apiconnector2 .new-button.new-call, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.new-call, .custom-plugin-panel.appconnector .new-button.new-call, .custom-plugin-panel.appconnector .authenticate-plugin-builder.new-call, .custom-plugin-panel.dbconnector .new-button.new-call, .custom-plugin-panel.dbconnector .authenticate-plugin-builder.new-call, .custom-plugin-panel .api-editor .new-button.new-call, .custom-plugin-panel .api-editor .authenticate-plugin-builder.new-call, .tabcanvas.api.apiconnector .new-button.new-call, .tabcanvas.api.apiconnector .authenticate-plugin-builder.new-call, .tabcanvas.api.apiconnector2 .new-button.new-call, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder.new-call, .tabcanvas.api.appconnector .new-button.new-call, .tabcanvas.api.appconnector .authenticate-plugin-builder.new-call, .tabcanvas.api.dbconnector .new-button.new-call, .tabcanvas.api.dbconnector .authenticate-plugin-builder.new-call, .tabcanvas.api .api-editor .new-button.new-call, .tabcanvas.api .api-editor .authenticate-plugin-builder.new-call { width: 175px; } .custom-plugin-panel.apiconnector .new-button.grey-hover:hover, .custom-plugin-panel.apiconnector .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.apiconnector2 .new-button.grey-hover:hover, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.appconnector .new-button.grey-hover:hover, .custom-plugin-panel.appconnector .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel.dbconnector .new-button.grey-hover:hover, .custom-plugin-panel.dbconnector .authenticate-plugin-builder.grey-hover:hover, .custom-plugin-panel .api-editor .new-button.grey-hover:hover, .custom-plugin-panel .api-editor .authenticate-plugin-builder.grey-hover:hover, .tabcanvas.api.apiconnector .new-button.grey-hover:hover, .tabcanvas.api.apiconnector .authenticate-plugin-builder.grey-hover:hover, .tabcanvas.api.apiconnector2 .new-button.grey-hover:hover, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder.grey-hover:hover, .tabcanvas.api.appconnector .new-button.grey-hover:hover, .tabcanvas.api.appconnector .authenticate-plugin-builder.grey-hover:hover, .tabcanvas.api.dbconnector .new-button.grey-hover:hover, .tabcanvas.api.dbconnector .authenticate-plugin-builder.grey-hover:hover, .tabcanvas.api .api-editor .new-button.grey-hover:hover, .tabcanvas.api .api-editor .authenticate-plugin-builder.grey-hover:hover { background-color: #eef3f3; } .custom-plugin-panel.apiconnector .new-button.even-out-bottom-margin, .custom-plugin-panel.apiconnector .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.apiconnector2 .new-button.even-out-bottom-margin, .custom-plugin-panel.apiconnector2 .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.appconnector .new-button.even-out-bottom-margin, .custom-plugin-panel.appconnector .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel.dbconnector .new-button.even-out-bottom-margin, .custom-plugin-panel.dbconnector .authenticate-plugin-builder.even-out-bottom-margin, .custom-plugin-panel .api-editor .new-button.even-out-bottom-margin, .custom-plugin-panel .api-editor .authenticate-plugin-builder.even-out-bottom-margin, .tabcanvas.api.apiconnector .new-button.even-out-bottom-margin, .tabcanvas.api.apiconnector .authenticate-plugin-builder.even-out-bottom-margin, .tabcanvas.api.apiconnector2 .new-button.even-out-bottom-margin, .tabcanvas.api.apiconnector2 .authenticate-plugin-builder.even-out-bottom-margin, .tabcanvas.api.appconnector .new-button.even-out-bottom-margin, .tabcanvas.api.appconnector .authenticate-plugin-builder.even-out-bottom-margin, .tabcanvas.api.dbconnector .new-button.even-out-bottom-margin, .tabcanvas.api.dbconnector .authenticate-plugin-builder.even-out-bottom-margin, .tabcanvas.api .api-editor .new-button.even-out-bottom-margin, .tabcanvas.api .api-editor .authenticate-plugin-builder.even-out-bottom-margin { margin-bottom: 10px; } .modal-popup.input-popup .inner-children { display: flex; flex-direction: column; } .modal-popup.new-page-popup > .popup-content, .modal-popup.create-style-popup > .popup-content, .modal-popup.add-new-popup > .popup-content, .modal-popup.downgrade-popup > .popup-content { width: 360px; } .modal-popup.waiting-post-wf-data.message-panel-popup > .popup-content, .modal-popup.privacy-warning.message-panel-popup > .popup-content { width: 800px; } .modal-popup.waiting-post-wf-data.message-panel-popup .loading-animation, .modal-popup.privacy-warning.message-panel-popup .loading-animation { position: relative; float: left; } .modal-popup.waiting-post-wf-data.message-panel-popup .enpoint-to-initiliaze, .modal-popup.privacy-warning.message-panel-popup .enpoint-to-initiliaze { user-select: all; cursor: pointer; } .modal-popup.waiting-post-wf-data.message-panel-popup .btn-create, .modal-popup.privacy-warning.message-panel-popup .btn-create { margin-left: 325px !important; margin-top: 0px !important; } .modal-popup.new-page-popup .children, .modal-popup.replace-element-popup .children, .modal-popup.message-panel-popup .children, .modal-popup.create-style-popup .children, .modal-popup.add-new-popup .children, .modal-popup.downgrade-popup .children { overflow: hidden; } .modal-popup.new-page-popup .inner-children, .modal-popup.replace-element-popup .inner-children, .modal-popup.message-panel-popup .inner-children, .modal-popup.create-style-popup .inner-children, .modal-popup.add-new-popup .inner-children, .modal-popup.downgrade-popup .inner-children { padding: 20px; overflow: hidden; } .modal-popup.new-page-popup .caption, .modal-popup.replace-element-popup .caption, .modal-popup.message-panel-popup .caption, .modal-popup.create-style-popup .caption, .modal-popup.add-new-popup .caption, .modal-popup.downgrade-popup .caption { float: left; margin-top: 9px; } .modal-popup.new-page-popup .new-page-name-wrapper, .modal-popup.new-page-popup .new-field-name-wrapper, .modal-popup.new-page-popup .new-style-name-wrapper, .modal-popup.replace-element-popup .new-page-name-wrapper, .modal-popup.replace-element-popup .new-field-name-wrapper, .modal-popup.replace-element-popup .new-style-name-wrapper, .modal-popup.message-panel-popup .new-page-name-wrapper, .modal-popup.message-panel-popup .new-field-name-wrapper, .modal-popup.message-panel-popup .new-style-name-wrapper, .modal-popup.create-style-popup .new-page-name-wrapper, .modal-popup.create-style-popup .new-field-name-wrapper, .modal-popup.create-style-popup .new-style-name-wrapper, .modal-popup.add-new-popup .new-page-name-wrapper, .modal-popup.add-new-popup .new-field-name-wrapper, .modal-popup.add-new-popup .new-style-name-wrapper, .modal-popup.downgrade-popup .new-page-name-wrapper, .modal-popup.downgrade-popup .new-field-name-wrapper, .modal-popup.downgrade-popup .new-style-name-wrapper { float: left; width: 100%; } .modal-popup.new-page-popup .new-page-name-wrapper .new-page-name, .modal-popup.new-page-popup .new-field-name-wrapper .new-page-name, .modal-popup.new-page-popup .new-style-name-wrapper .new-page-name, .modal-popup.replace-element-popup .new-page-name-wrapper .new-page-name, .modal-popup.replace-element-popup .new-field-name-wrapper .new-page-name, .modal-popup.replace-element-popup .new-style-name-wrapper .new-page-name, .modal-popup.message-panel-popup .new-page-name-wrapper .new-page-name, .modal-popup.message-panel-popup .new-field-name-wrapper .new-page-name, .modal-popup.message-panel-popup .new-style-name-wrapper .new-page-name, .modal-popup.create-style-popup .new-page-name-wrapper .new-page-name, .modal-popup.create-style-popup .new-field-name-wrapper .new-page-name, .modal-popup.create-style-popup .new-style-name-wrapper .new-page-name, .modal-popup.add-new-popup .new-page-name-wrapper .new-page-name, .modal-popup.add-new-popup .new-field-name-wrapper .new-page-name, .modal-popup.add-new-popup .new-style-name-wrapper .new-page-name, .modal-popup.downgrade-popup .new-page-name-wrapper .new-page-name, .modal-popup.downgrade-popup .new-field-name-wrapper .new-page-name, .modal-popup.downgrade-popup .new-style-name-wrapper .new-page-name { width: 168px; float: right; } .modal-popup.new-page-popup .editor.dropdown, .modal-popup.new-page-popup .editor.checkbox, .modal-popup.replace-element-popup .editor.dropdown, .modal-popup.replace-element-popup .editor.checkbox, .modal-popup.message-panel-popup .editor.dropdown, .modal-popup.message-panel-popup .editor.checkbox, .modal-popup.create-style-popup .editor.dropdown, .modal-popup.create-style-popup .editor.checkbox, .modal-popup.add-new-popup .editor.dropdown, .modal-popup.add-new-popup .editor.checkbox, .modal-popup.downgrade-popup .editor.dropdown, .modal-popup.downgrade-popup .editor.checkbox { float: left; margin-top: 10px; width: 100%; } .modal-popup.new-page-popup .editor.dropdown .composer-dropdown, .modal-popup.new-page-popup .editor.checkbox .composer-dropdown, .modal-popup.replace-element-popup .editor.dropdown .composer-dropdown, .modal-popup.replace-element-popup .editor.checkbox .composer-dropdown, .modal-popup.message-panel-popup .editor.dropdown .composer-dropdown, .modal-popup.message-panel-popup .editor.checkbox .composer-dropdown, .modal-popup.create-style-popup .editor.dropdown .composer-dropdown, .modal-popup.create-style-popup .editor.checkbox .composer-dropdown, .modal-popup.add-new-popup .editor.dropdown .composer-dropdown, .modal-popup.add-new-popup .editor.checkbox .composer-dropdown, .modal-popup.downgrade-popup .editor.dropdown .composer-dropdown, .modal-popup.downgrade-popup .editor.checkbox .composer-dropdown { float: right; } .modal-popup.new-page-popup .btn, .modal-popup.replace-element-popup .btn, .modal-popup.message-panel-popup .btn, .modal-popup.create-style-popup .btn, .modal-popup.add-new-popup .btn, .modal-popup.downgrade-popup .btn { float: left; margin-top: 25px; margin-bottom: 4px; box-sizing: border-box; -moz-box-sizing: border-box; } .modal-popup.new-page-popup .btn.btn-create, .modal-popup.replace-element-popup .btn.btn-create, .modal-popup.message-panel-popup .btn.btn-create, .modal-popup.create-style-popup .btn.btn-create, .modal-popup.add-new-popup .btn.btn-create, .modal-popup.downgrade-popup .btn.btn-create { clear: both; margin-left: 102px; width: 100px; } .modal-popup.new-page-popup .btn.btn-cancel, .modal-popup.replace-element-popup .btn.btn-cancel, .modal-popup.message-panel-popup .btn.btn-cancel, .modal-popup.create-style-popup .btn.btn-cancel, .modal-popup.add-new-popup .btn.btn-cancel, .modal-popup.downgrade-popup .btn.btn-cancel { clear: none; margin-left: 40px; margin-top: 38px; } .modal-popup.new-page-popup .btn.disabled, .modal-popup.replace-element-popup .btn.disabled, .modal-popup.message-panel-popup .btn.disabled, .modal-popup.create-style-popup .btn.disabled, .modal-popup.add-new-popup .btn.disabled, .modal-popup.downgrade-popup .btn.disabled { pointer-events: none; background-color: var(--b-gray-50); color: var(--b-txt-secondary); border-color: var(--b-gray-50); } .modal-popup.add-new-popup .new-field-name-wrapper .TextBox.property-editor-control, .modal-popup.add-new-popup .new-field-name-wrapper .new-composer.composer-textbox, .modal-popup.add-new-popup .new-style-name-wrapper .TextBox.property-editor-control, .modal-popup.add-new-popup .new-style-name-wrapper .new-composer.composer-textbox { float: right; width: 168px; } .modal-popup.add-new-popup .editor.checkbox { margin-bottom: 3px; } .modal-popup.add-new-popup .editor.checkbox .component-checkbox { float: right; margin-top: 4px; } .modal-popup.add-new-popup.add-new-field-popup .popup-title { padding: 20px 20px 0px 20px; text-align: left; } .modal-popup.add-new-popup.add-new-field-popup .popup-content { width: 340px; } .modal-popup.add-new-popup.add-new-field-popup .bottom-popup-row { padding-top: 30px; align-items: center; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper, .modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper { display: flex; flex-direction: column; row-gap: 8px; } .modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .TextBox.property-editor-control, .modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .new-composer.composer-textbox, .modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .TextBox.property-editor-control, .modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .new-composer.composer-textbox { float: right; width: 100%; } .modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .TextBox.property-editor-control input, .modal-popup.add-new-popup.add-new-field-popup .new-field-name-wrapper .new-composer.composer-textbox input, .modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .TextBox.property-editor-control input, .modal-popup.add-new-popup.add-new-field-popup .new-style-name-wrapper .new-composer.composer-textbox input { width: 100%; } .modal-popup.add-new-popup.add-new-field-popup .btn.btn-cancel { margin: 0; } .modal-popup.add-new-popup.add-new-field-popup .btn.btn-create { margin: 0; } .modal-popup.add-new-popup.add-new-field-popup .new-field-type { display: flex; flex-direction: column; row-gap: 8px; } .modal-popup.downgrade-popup .popup-content { margin-top: 35px; } .modal-popup.downgrade-popup .inner-children > * { margin-bottom: 12px; } .modal-popup.downgrade-popup .instruction { font-size: 14px; line-height: 21px; } .modal-popup.downgrade-popup .composer-dropdown .spot { width: 100%; } .modal-popup.downgrade-popup .textarea { width: 100%; height: 150px; } .modal-popup.downgrade-popup .checkbox-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .modal-popup.downgrade-popup .checkbox-row .caption { font-size: 12px; line-height: 18px; margin-right: 20px; } .modal-popup.downgrade-popup .confirmation-warning { font-size: 12px; line-height: 18px; color: #970707; margin-bottom: 0px; } .modal-popup.downgrade-popup .confirmation-warning .indented { margin-left: 5px; } .modal-popup.downgrade-popup .confirmation-warning .new-paragraph { margin-top: 10px; } .modal-popup.replace-element-popup .instruction, .modal-popup.message-panel-popup .instruction { line-height: 1.5; margin-bottom: 10px; } .modal-popup.replace-element-popup .btn.btn-create { margin-left: 142px; } .modal-popup.message-panel-popup .popup-title { padding: 20px; } .modal-popup.message-panel-popup .instruction { word-wrap: break-word; white-space: pre-wrap; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .modal-popup.message-panel-popup .hide { margin-right: 30px; } .modal-popup.message-panel-popup .transform { margin-bottom: 10px; } .modal-popup.message-panel-popup .access { font-size: 12px; color: grey; } .modal-popup.message-panel-popup .composer-checkbox { float: right; } .modal-popup.message-panel-popup a { color: #0205d3; } .modal-popup.message-panel-popup .popup-content { width: 500px; } .modal-popup.message-panel-popup .btn-create { margin-left: 170px !important; } .modal-popup.upgrade-popup .popup-title { padding-top: 30px; } .modal-popup.upgrade-popup .popup-content { width: 570px; } .modal-popup.upgrade-popup .inner-children { padding-left: 30px; padding-right: 30px; } .modal-popup.upgrade-popup .btn-create { margin-left: 205px !important; } .modal-popup.video-panel-popup .popup-title { font-size: 20px; padding: 6px; } .modal-popup.video-panel-popup .btn-close { align-self: flex-end; margin: 22px 0px 12px; cursor: pointer; } .modal-popup.video-panel-popup .inner-children { display: flex; flex-direction: column; align-items: center; justify-content: center; } .modal-popup.video-panel-popup .instruction { word-wrap: break-word; text-align: center; white-space: pre-wrap; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; padding-bottom: 18px; font-size: 18px; color: rgba(0, 0, 0, 0.54); } .modal-popup.video-panel-popup a { color: #0205d3; text-decoration: none; } .modal-popup.video-panel-popup .popup-content { width: 782px; height: 453px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 24px 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49); -moz-box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49); box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.49); } .modal-popup.video-panel-popup .video { width: 400px; height: 225px; text-align: center; } .modal-popup.video-panel-popup .video-caption { margin: 18px; text-align: center; } .modal-popup.video-panel-popup .video-caption-link { display: inline-block; } .modal-popup.message-panel-popup.import-app .json-uploader-wrapper { width: 299px; } .modal-popup.message-panel-popup.import-app .json-uploader-wrapper .new-hosted-file { float: right; } .modal-popup.message-panel-popup.import-app .non-valid-file-mention { margin-top: 10px; float: left; } .modal-popup.message-panel-popup.input-popup .popup-content { width: 360px; } .modal-popup.message-panel-popup.input-popup .field-caption { float: left; margin-top: 9px; } .modal-popup.message-panel-popup.input-popup input.bubble-ui.input { float: right; } .modal-popup.message-panel-popup.input-popup input.bubble-ui.input.left-aligned { float: left; } .modal-popup.message-panel-popup.input-popup textarea.bubble-ui.textarea { width: 100%; min-height: 150px; } .modal-popup.message-panel-popup.input-popup .invalid-caption { float: left; text-align: center; margin-left: 10px; margin-top: 8px; width: 300px; color: #f91d56; font-size: 13px; } .modal-popup.message-panel-popup.input-popup .invalid-caption.hidden { visibility: hidden; } .modal-popup.message-panel-popup.input-popup .danger { background-color: white; border: 1px solid #f91d56; color: #f91d56; } .modal-popup.message-panel-popup.input-popup .btn.btn-create.bubble-ui { margin-left: 100px !important; } .modal-popup.message-panel-popup.input-popup .btn-cancel { margin-left: 70px; } .modal-popup.message-panel-popup.input-popup .btn.btn-cancel.bubble-ui { margin-left: 100px !important; } .modal-popup.message-panel-popup.shortcut-popup .popup-content { width: 600px; } .modal-popup.message-panel-popup.shortcut-popup .combination { float: right; font-style: italic; } .modal-popup.message-panel-popup.shortcut-popup .description { float: left; clear: left; } .modal-popup.message-panel-popup.shortcut-popup .btn-create { margin-left: 220px !important; } .modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper { display: flex; align-items: center; } .modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .composer-checkbox.bubble-ui { float: left; } .modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .composer-checkbox.bubble-ui .component-checkbox { margin: 0px; } .modal-popup.message-panel-popup.transfer-owner .stay-admin-wrapper .instruction { margin-bottom: 0px; margin-left: 10px; } .modal-popup.message-panel-popup.things-to-clean .popup-content { width: 900px; } .modal-popup.message-panel-popup.things-to-clean .select-all-wrapper { margin-bottom: -10px; margin-top: 20px; } .modal-popup.message-panel-popup.things-to-clean .select-all-wrapper .composer-checkbox.bubble-ui { margin-top: -5px; } .modal-popup.message-panel-popup.things-to-clean .list-of-things { margin-top: 20px; max-height: 230px; overflow-y: scroll; padding-right: 10px; } .modal-popup.message-panel-popup.things-to-clean .composer-checkbox.bubble-ui { margin-top: -10px; float: left; margin-right: 10px; } .modal-popup.message-panel-popup.things-to-clean .description { width: 100%; float: left; clear: left; margin-top: 10px; } .modal-popup.message-panel-popup.things-to-clean .category { float: left; width: 200px; } .modal-popup.message-panel-popup.things-to-clean .root { float: right; color: #c5c5c5; } .modal-popup.message-panel-popup.things-to-clean .btn-create { margin-left: 360px !important; } .modal-popup.message-panel-popup.release-panel .popup-content { width: 700px; } .modal-popup.message-panel-popup.release-panel .btn-create { margin-left: 270px !important; } .modal-popup.message-panel-popup.release-panel .title-main { margin-bottom: 10px; } .modal-popup.message-panel-popup.release-panel .show-full-page { float: right; color: #0205d3; } .modal-popup.message-panel-popup.release-panel .row-wrapper { max-height: 250px; overflow-y: auto; padding: 10px; margin-left: -10px; padding-top: 0px; } .modal-popup.message-panel-popup.release-panel .note-row { float: left; clear: both; width: 100%; margin-top: 15px; } .modal-popup.message-panel-popup.release-panel .note-row .time, .modal-popup.message-panel-popup.release-panel .note-row .note, .modal-popup.message-panel-popup.release-panel .note-row .note-link { line-height: 1.5; } .modal-popup.message-panel-popup.release-panel .note-row .time, .modal-popup.message-panel-popup.release-panel .note-row .note { float: left; } .modal-popup.message-panel-popup.release-panel .note-row .note-link { display: block; } .modal-popup.message-panel-popup.release-panel .note-row .time { width: 100px; } .modal-popup.message-panel-popup.release-panel .note-row .note { max-width: 520px; } .modal-popup.message-panel-popup.verify-email-popup .popup-content { text-align: left; float: none; } .modal-popup.message-panel-popup.native-app-instructions .popup-content, .modal-popup.message-panel-popup.issue-with-domain .popup-content, .modal-popup.message-panel-popup.apiconnector-error .popup-content { width: 800px; } .modal-popup.message-panel-popup.native-app-instructions .instruction, .modal-popup.message-panel-popup.issue-with-domain .instruction, .modal-popup.message-panel-popup.apiconnector-error .instruction { line-height: 1.5; text-align: left; } .modal-popup.message-panel-popup.native-app-instructions .btn-create, .modal-popup.message-panel-popup.issue-with-domain .btn-create, .modal-popup.message-panel-popup.apiconnector-error .btn-create { margin-left: 322px !important; } .modal-popup.message-panel-popup.native-app-instructions a, .modal-popup.message-panel-popup.issue-with-domain a, .modal-popup.message-panel-popup.apiconnector-error a { color: #0205d3; } .modal-popup.message-panel-popup.input-popup.google-map-key .popup-content { width: 500px; } .modal-popup.message-panel-popup.input-popup.google-map-key .btn.btn-create.bubble-ui { margin-left: 170px !important; } .modal-popup.message-panel-popup.input-popup.google-map-key input { width: 360px; } .modal-popup.trial-upgrade-popup { z-index: 50000004; } .modal-popup.trial-upgrade-popup .popup-content { width: unset; margin-top: 55px; max-width: 1000px; border-radius: 10px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12); } .modal-popup.db-view-popup .popup-content, .modal-popup.primary-field-popup .popup-content, .modal-popup.modify-db-entry .popup-content, .modal-popup.copying-db-versions .popup-content, .modal-popup.dbconnector-data-types .popup-content, .modal-popup.apiconnector-data-types .popup-content, .modal-popup.trigger-algolia-index .popup-content { width: 950px; } .modal-popup.db-view-popup .instruction, .modal-popup.db-view-popup .warning, .modal-popup.primary-field-popup .instruction, .modal-popup.primary-field-popup .warning, .modal-popup.modify-db-entry .instruction, .modal-popup.modify-db-entry .warning, .modal-popup.copying-db-versions .instruction, .modal-popup.copying-db-versions .warning, .modal-popup.dbconnector-data-types .instruction, .modal-popup.dbconnector-data-types .warning, .modal-popup.apiconnector-data-types .instruction, .modal-popup.apiconnector-data-types .warning, .modal-popup.trigger-algolia-index .instruction, .modal-popup.trigger-algolia-index .warning { line-height: 1.5; } .modal-popup.db-view-popup .panel, .modal-popup.primary-field-popup .panel, .modal-popup.modify-db-entry .panel, .modal-popup.copying-db-versions .panel, .modal-popup.dbconnector-data-types .panel, .modal-popup.apiconnector-data-types .panel, .modal-popup.trigger-algolia-index .panel { overflow-y: scroll; overflow-x: hidden; padding: 30px; min-height: 200px; } .modal-popup.db-view-popup .panel .caption, .modal-popup.db-view-popup .panel .field, .modal-popup.db-view-popup .panel .composer-checkbox, .modal-popup.primary-field-popup .panel .caption, .modal-popup.primary-field-popup .panel .field, .modal-popup.primary-field-popup .panel .composer-checkbox, .modal-popup.modify-db-entry .panel .caption, .modal-popup.modify-db-entry .panel .field, .modal-popup.modify-db-entry .panel .composer-checkbox, .modal-popup.copying-db-versions .panel .caption, .modal-popup.copying-db-versions .panel .field, .modal-popup.copying-db-versions .panel .composer-checkbox, .modal-popup.dbconnector-data-types .panel .caption, .modal-popup.dbconnector-data-types .panel .field, .modal-popup.dbconnector-data-types .panel .composer-checkbox, .modal-popup.apiconnector-data-types .panel .caption, .modal-popup.apiconnector-data-types .panel .field, .modal-popup.apiconnector-data-types .panel .composer-checkbox, .modal-popup.trigger-algolia-index .panel .caption, .modal-popup.trigger-algolia-index .panel .field, .modal-popup.trigger-algolia-index .panel .composer-checkbox { float: left; } .modal-popup.db-view-popup .panel input.bubble-ui, .modal-popup.primary-field-popup .panel input.bubble-ui, .modal-popup.modify-db-entry .panel input.bubble-ui, .modal-popup.copying-db-versions .panel input.bubble-ui, .modal-popup.dbconnector-data-types .panel input.bubble-ui, .modal-popup.apiconnector-data-types .panel input.bubble-ui, .modal-popup.trigger-algolia-index .panel input.bubble-ui { width: 190px; } .modal-popup.db-view-popup .panel input.bubble-ui.value-field, .modal-popup.db-view-popup .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.primary-field-popup .panel input.bubble-ui.value-field, .modal-popup.primary-field-popup .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.modify-db-entry .panel input.bubble-ui.value-field, .modal-popup.modify-db-entry .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.copying-db-versions .panel input.bubble-ui.value-field, .modal-popup.copying-db-versions .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.dbconnector-data-types .panel input.bubble-ui.value-field, .modal-popup.dbconnector-data-types .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.apiconnector-data-types .panel input.bubble-ui.value-field, .modal-popup.apiconnector-data-types .panel .bubble-ui.composer-autocomplete.value-field, .modal-popup.trigger-algolia-index .panel input.bubble-ui.value-field, .modal-popup.trigger-algolia-index .panel .bubble-ui.composer-autocomplete.value-field { width: 440px; } .modal-popup.db-view-popup .panel .caption, .modal-popup.db-view-popup .panel .field-caption, .modal-popup.db-view-popup .panel .descending-caption, .modal-popup.db-view-popup .panel .type-caption, .modal-popup.db-view-popup .panel .mention-list, .modal-popup.primary-field-popup .panel .caption, .modal-popup.primary-field-popup .panel .field-caption, .modal-popup.primary-field-popup .panel .descending-caption, .modal-popup.primary-field-popup .panel .type-caption, .modal-popup.primary-field-popup .panel .mention-list, .modal-popup.modify-db-entry .panel .caption, .modal-popup.modify-db-entry .panel .field-caption, .modal-popup.modify-db-entry .panel .descending-caption, .modal-popup.modify-db-entry .panel .type-caption, .modal-popup.modify-db-entry .panel .mention-list, .modal-popup.copying-db-versions .panel .caption, .modal-popup.copying-db-versions .panel .field-caption, .modal-popup.copying-db-versions .panel .descending-caption, .modal-popup.copying-db-versions .panel .type-caption, .modal-popup.copying-db-versions .panel .mention-list, .modal-popup.dbconnector-data-types .panel .caption, .modal-popup.dbconnector-data-types .panel .field-caption, .modal-popup.dbconnector-data-types .panel .descending-caption, .modal-popup.dbconnector-data-types .panel .type-caption, .modal-popup.dbconnector-data-types .panel .mention-list, .modal-popup.apiconnector-data-types .panel .caption, .modal-popup.apiconnector-data-types .panel .field-caption, .modal-popup.apiconnector-data-types .panel .descending-caption, .modal-popup.apiconnector-data-types .panel .type-caption, .modal-popup.apiconnector-data-types .panel .mention-list, .modal-popup.trigger-algolia-index .panel .caption, .modal-popup.trigger-algolia-index .panel .field-caption, .modal-popup.trigger-algolia-index .panel .descending-caption, .modal-popup.trigger-algolia-index .panel .type-caption, .modal-popup.trigger-algolia-index .panel .mention-list { margin-top: 9px; float: left; } .modal-popup.db-view-popup .panel .mention-list, .modal-popup.primary-field-popup .panel .mention-list, .modal-popup.modify-db-entry .panel .mention-list, .modal-popup.copying-db-versions .panel .mention-list, .modal-popup.dbconnector-data-types .panel .mention-list, .modal-popup.apiconnector-data-types .panel .mention-list, .modal-popup.trigger-algolia-index .panel .mention-list { margin-left: 7px; } .modal-popup.db-view-popup .panel .field, .modal-popup.db-view-popup .panel .composer-checkbox, .modal-popup.primary-field-popup .panel .field, .modal-popup.primary-field-popup .panel .composer-checkbox, .modal-popup.modify-db-entry .panel .field, .modal-popup.modify-db-entry .panel .composer-checkbox, .modal-popup.copying-db-versions .panel .field, .modal-popup.copying-db-versions .panel .composer-checkbox, .modal-popup.dbconnector-data-types .panel .field, .modal-popup.dbconnector-data-types .panel .composer-checkbox, .modal-popup.apiconnector-data-types .panel .field, .modal-popup.apiconnector-data-types .panel .composer-checkbox, .modal-popup.trigger-algolia-index .panel .field, .modal-popup.trigger-algolia-index .panel .composer-checkbox { margin-left: 15px; } .modal-popup.db-view-popup .panel .type-dropdown.caption, .modal-popup.db-view-popup .panel .sort-dropdown.caption, .modal-popup.primary-field-popup .panel .type-dropdown.caption, .modal-popup.primary-field-popup .panel .sort-dropdown.caption, .modal-popup.modify-db-entry .panel .type-dropdown.caption, .modal-popup.modify-db-entry .panel .sort-dropdown.caption, .modal-popup.copying-db-versions .panel .type-dropdown.caption, .modal-popup.copying-db-versions .panel .sort-dropdown.caption, .modal-popup.dbconnector-data-types .panel .type-dropdown.caption, .modal-popup.dbconnector-data-types .panel .sort-dropdown.caption, .modal-popup.apiconnector-data-types .panel .type-dropdown.caption, .modal-popup.apiconnector-data-types .panel .sort-dropdown.caption, .modal-popup.trigger-algolia-index .panel .type-dropdown.caption, .modal-popup.trigger-algolia-index .panel .sort-dropdown.caption { margin-left: 20px; } .modal-popup.db-view-popup .panel .field-dropdown, .modal-popup.primary-field-popup .panel .field-dropdown, .modal-popup.modify-db-entry .panel .field-dropdown, .modal-popup.copying-db-versions .panel .field-dropdown, .modal-popup.dbconnector-data-types .panel .field-dropdown, .modal-popup.apiconnector-data-types .panel .field-dropdown, .modal-popup.trigger-algolia-index .panel .field-dropdown { float: right; } .modal-popup.db-view-popup .panel .descending-sort-zone, .modal-popup.primary-field-popup .panel .descending-sort-zone, .modal-popup.modify-db-entry .panel .descending-sort-zone, .modal-popup.copying-db-versions .panel .descending-sort-zone, .modal-popup.dbconnector-data-types .panel .descending-sort-zone, .modal-popup.apiconnector-data-types .panel .descending-sort-zone, .modal-popup.trigger-algolia-index .panel .descending-sort-zone { float: left; margin-left: 20px; } .modal-popup.db-view-popup .panel .fields-to-display-zone, .modal-popup.db-view-popup .panel .constraints-zone, .modal-popup.primary-field-popup .panel .fields-to-display-zone, .modal-popup.primary-field-popup .panel .constraints-zone, .modal-popup.modify-db-entry .panel .fields-to-display-zone, .modal-popup.modify-db-entry .panel .constraints-zone, .modal-popup.copying-db-versions .panel .fields-to-display-zone, .modal-popup.copying-db-versions .panel .constraints-zone, .modal-popup.dbconnector-data-types .panel .fields-to-display-zone, .modal-popup.dbconnector-data-types .panel .constraints-zone, .modal-popup.apiconnector-data-types .panel .fields-to-display-zone, .modal-popup.apiconnector-data-types .panel .constraints-zone, .modal-popup.trigger-algolia-index .panel .fields-to-display-zone, .modal-popup.trigger-algolia-index .panel .constraints-zone { float: left; clear: both; margin-top: 25px; width: 100%; } .modal-popup.db-view-popup .panel .type-dropdown.caption, .modal-popup.db-view-popup .panel .field-caption, .modal-popup.primary-field-popup .panel .type-dropdown.caption, .modal-popup.primary-field-popup .panel .field-caption, .modal-popup.modify-db-entry .panel .type-dropdown.caption, .modal-popup.modify-db-entry .panel .field-caption, .modal-popup.copying-db-versions .panel .type-dropdown.caption, .modal-popup.copying-db-versions .panel .field-caption, .modal-popup.dbconnector-data-types .panel .type-dropdown.caption, .modal-popup.dbconnector-data-types .panel .field-caption, .modal-popup.apiconnector-data-types .panel .type-dropdown.caption, .modal-popup.apiconnector-data-types .panel .field-caption, .modal-popup.trigger-algolia-index .panel .type-dropdown.caption, .modal-popup.trigger-algolia-index .panel .field-caption { height: 15px; } .modal-popup.db-view-popup .panel .field-list .show-primary-btn, .modal-popup.db-view-popup .panel .constraints-list .show-primary-btn, .modal-popup.primary-field-popup .panel .field-list .show-primary-btn, .modal-popup.primary-field-popup .panel .constraints-list .show-primary-btn, .modal-popup.modify-db-entry .panel .field-list .show-primary-btn, .modal-popup.modify-db-entry .panel .constraints-list .show-primary-btn, .modal-popup.copying-db-versions .panel .field-list .show-primary-btn, .modal-popup.copying-db-versions .panel .constraints-list .show-primary-btn, .modal-popup.dbconnector-data-types .panel .field-list .show-primary-btn, .modal-popup.dbconnector-data-types .panel .constraints-list .show-primary-btn, .modal-popup.apiconnector-data-types .panel .field-list .show-primary-btn, .modal-popup.apiconnector-data-types .panel .constraints-list .show-primary-btn, .modal-popup.trigger-algolia-index .panel .field-list .show-primary-btn, .modal-popup.trigger-algolia-index .panel .constraints-list .show-primary-btn { font-size: 10px; float: right; cursor: pointer; } .modal-popup.db-view-popup .panel .field-list .show-primary-btn:hover, .modal-popup.db-view-popup .panel .constraints-list .show-primary-btn:hover, .modal-popup.primary-field-popup .panel .field-list .show-primary-btn:hover, .modal-popup.primary-field-popup .panel .constraints-list .show-primary-btn:hover, .modal-popup.modify-db-entry .panel .field-list .show-primary-btn:hover, .modal-popup.modify-db-entry .panel .constraints-list .show-primary-btn:hover, .modal-popup.copying-db-versions .panel .field-list .show-primary-btn:hover, .modal-popup.copying-db-versions .panel .constraints-list .show-primary-btn:hover, .modal-popup.dbconnector-data-types .panel .field-list .show-primary-btn:hover, .modal-popup.dbconnector-data-types .panel .constraints-list .show-primary-btn:hover, .modal-popup.apiconnector-data-types .panel .field-list .show-primary-btn:hover, .modal-popup.apiconnector-data-types .panel .constraints-list .show-primary-btn:hover, .modal-popup.trigger-algolia-index .panel .field-list .show-primary-btn:hover, .modal-popup.trigger-algolia-index .panel .constraints-list .show-primary-btn:hover { color: #8e8e8e; } .modal-popup.db-view-popup .panel .field-list .field-zone, .modal-popup.db-view-popup .panel .constraints-list .field-zone, .modal-popup.primary-field-popup .panel .field-list .field-zone, .modal-popup.primary-field-popup .panel .constraints-list .field-zone, .modal-popup.modify-db-entry .panel .field-list .field-zone, .modal-popup.modify-db-entry .panel .constraints-list .field-zone, .modal-popup.copying-db-versions .panel .field-list .field-zone, .modal-popup.copying-db-versions .panel .constraints-list .field-zone, .modal-popup.dbconnector-data-types .panel .field-list .field-zone, .modal-popup.dbconnector-data-types .panel .constraints-list .field-zone, .modal-popup.apiconnector-data-types .panel .field-list .field-zone, .modal-popup.apiconnector-data-types .panel .constraints-list .field-zone, .modal-popup.trigger-algolia-index .panel .field-list .field-zone, .modal-popup.trigger-algolia-index .panel .constraints-list .field-zone { margin-right: 35px; float: left; margin-top: 8px; min-height: 40px; } .modal-popup.db-view-popup .panel .field-list .field-zone.crevamp, .modal-popup.db-view-popup .panel .constraints-list .field-zone.crevamp, .modal-popup.primary-field-popup .panel .field-list .field-zone.crevamp, .modal-popup.primary-field-popup .panel .constraints-list .field-zone.crevamp, .modal-popup.modify-db-entry .panel .field-list .field-zone.crevamp, .modal-popup.modify-db-entry .panel .constraints-list .field-zone.crevamp, .modal-popup.copying-db-versions .panel .field-list .field-zone.crevamp, .modal-popup.copying-db-versions .panel .constraints-list .field-zone.crevamp, .modal-popup.dbconnector-data-types .panel .field-list .field-zone.crevamp, .modal-popup.dbconnector-data-types .panel .constraints-list .field-zone.crevamp, .modal-popup.apiconnector-data-types .panel .field-list .field-zone.crevamp, .modal-popup.apiconnector-data-types .panel .constraints-list .field-zone.crevamp, .modal-popup.trigger-algolia-index .panel .field-list .field-zone.crevamp, .modal-popup.trigger-algolia-index .panel .constraints-list .field-zone.crevamp { display: flex; } .modal-popup.db-view-popup .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.db-view-popup .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.primary-field-popup .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.primary-field-popup .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.modify-db-entry .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.modify-db-entry .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.copying-db-versions .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.copying-db-versions .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.dbconnector-data-types .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.dbconnector-data-types .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.apiconnector-data-types .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.apiconnector-data-types .panel .constraints-list .field-zone .autocomplete-container-crevamp, .modal-popup.trigger-algolia-index .panel .field-list .field-zone .autocomplete-container-crevamp, .modal-popup.trigger-algolia-index .panel .constraints-list .field-zone .autocomplete-container-crevamp { display: flex; flex-direction: column; align-items: end; } .modal-popup.db-view-popup .panel .field-list .field-caption, .modal-popup.db-view-popup .panel .constraints-list .field-caption, .modal-popup.primary-field-popup .panel .field-list .field-caption, .modal-popup.primary-field-popup .panel .constraints-list .field-caption, .modal-popup.modify-db-entry .panel .field-list .field-caption, .modal-popup.modify-db-entry .panel .constraints-list .field-caption, .modal-popup.copying-db-versions .panel .field-list .field-caption, .modal-popup.copying-db-versions .panel .constraints-list .field-caption, .modal-popup.dbconnector-data-types .panel .field-list .field-caption, .modal-popup.dbconnector-data-types .panel .constraints-list .field-caption, .modal-popup.apiconnector-data-types .panel .field-list .field-caption, .modal-popup.apiconnector-data-types .panel .constraints-list .field-caption, .modal-popup.trigger-algolia-index .panel .field-list .field-caption, .modal-popup.trigger-algolia-index .panel .constraints-list .field-caption { min-width: 128px; } .modal-popup.capacity-drilldown .popup-title { padding: 20px 0px 10px 0px; } .modal-popup.capacity-drilldown .popup-content { width: 800px; min-height: 400px; } .modal-popup.capacity-drilldown .instruction { line-height: 1.5; } .modal-popup.capacity-drilldown .instruction.warning-icon { margin-top: 5px; } .modal-popup.capacity-drilldown .panel { overflow-y: scroll; overflow-x: hidden; padding: 20px 50px; min-height: 350px; } .modal-popup.capacity-drilldown .panel .caption { display: inline; margin-right: 10px; } .modal-popup.capacity-drilldown .panel .caption.second { margin-left: 10px; } .modal-popup.capacity-drilldown .panel .date-warning { font-size: 14px; margin-top: 15px; } .modal-popup.capacity-drilldown .bottom-stripe { height: 80px; border-top: 1px solid rgb(245, 245, 245); } .modal-popup.capacity-drilldown .details-wrapper { margin-top: 20px; } .modal-popup.capacity-drilldown .details-wrapper .maxed-out { margin-top: 4px; } .modal-popup.capacity-drilldown .details-wrapper .no-usage { float: left; clear: both; font-style: italic; margin-top: 20px; } .modal-popup.capacity-drilldown .details-wrapper .explanation { float: left; margin-top: 20px; margin-bottom: 20px; } .modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper { height: 270px; padding: 10px 0px; } .modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .loading-animation { position: relative; } .modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .bubble, .modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper .pulse { top: 80px; } .modal-popup.capacity-drilldown .details-wrapper .piechart-wrapper canvas#piechart { cursor: pointer; margin-top: 30px; } .modal-popup.airtable-data-types .popup-title { padding: 20px 0px 10px 0px; } .modal-popup.airtable-data-types .popup-content { width: 950px; } .modal-popup.airtable-data-types .instruction { line-height: 1.5; } .modal-popup.airtable-data-types .instruction.warning-icon { margin-top: 5px; } .modal-popup.airtable-data-types .panel { overflow-y: scroll; overflow-x: hidden; padding: 30px 50px; min-height: 200px; } .modal-popup.airtable-data-types .panel .field-list .field-zone { margin-right: 35px; float: left; margin-top: 8px; min-height: 40px; } .modal-popup.modify-db-entry .popup-content, .modal-popup.db-view-popup .popup-content, .modal-popup.primary-field-popup .popup-content { width: 97%; margin-top: 10px; } .modal-popup.modify-db-entry .type-dropdown.caption, .modal-popup.modify-db-entry .field-caption, .modal-popup.modify-db-entry .field-zone, .modal-popup.modify-db-entry .type-zone, .modal-popup.db-view-popup .type-dropdown.caption, .modal-popup.db-view-popup .field-caption, .modal-popup.db-view-popup .field-zone, .modal-popup.db-view-popup .type-zone, .modal-popup.primary-field-popup .type-dropdown.caption, .modal-popup.primary-field-popup .field-caption, .modal-popup.primary-field-popup .field-zone, .modal-popup.primary-field-popup .type-zone { font-size: 13px !important; } .modal-popup.modify-db-entry .descending-caption, .modal-popup.db-view-popup .descending-caption, .modal-popup.primary-field-popup .descending-caption { margin-right: 3px; } .modal-popup.modify-db-entry .field-caption, .modal-popup.modify-db-entry .type-caption, .modal-popup.db-view-popup .field-caption, .modal-popup.db-view-popup .type-caption, .modal-popup.primary-field-popup .field-caption, .modal-popup.primary-field-popup .type-caption { margin-left: 0px !important; width: 137px; } .modal-popup.modify-db-entry .type-dropdown.caption, .modal-popup.modify-db-entry .field-caption, .modal-popup.modify-db-entry .type-caption, .modal-popup.db-view-popup .type-dropdown.caption, .modal-popup.db-view-popup .field-caption, .modal-popup.db-view-popup .type-caption, .modal-popup.primary-field-popup .type-dropdown.caption, .modal-popup.primary-field-popup .field-caption, .modal-popup.primary-field-popup .type-caption { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 15px; } .modal-popup.primary-field-popup.migration-box .popup-content { width: 890px; margin-top: 70px; } .modal-popup.db-view-popup .panel .composer-checkbox { margin-left: 5px; } .modal-popup.db-view-popup .type-dropdown.caption { width: 103px; } .modal-popup.db-view-popup .field-to-display-caption, .modal-popup.db-view-popup .select-all-wrapper { float: left; } .modal-popup.db-view-popup .field-to-display-caption .select-all, .modal-popup.db-view-popup .select-all-wrapper .select-all { margin-left: 20px; } .modal-popup.db-view-popup .field-list { float: left; clear: both; } .modal-popup.db-view-popup .add-constraint { float: left; width: 197px; height: 30px; padding-top: 7px; margin-top: 20px; } .modal-popup.db-view-popup .panel .field-list .field-zone { margin-right: 45px; } .modal-popup.db-view-popup .constraint-div { margin-top: 15px; clear: left; overflow: hidden; max-width: 910px; } .modal-popup.db-view-popup .constraint-div .constraint-field, .modal-popup.db-view-popup .constraint-div .operator-field, .modal-popup.db-view-popup .constraint-div .value { float: left; } .modal-popup.db-view-popup .constraint-div .operator-field, .modal-popup.db-view-popup .constraint-div .value { margin-left: 15px; } .modal-popup.db-view-popup .constraint-div .delete-btn { float: right; margin-top: 6px; margin-right: 35px; } .modal-popup.modify-db-entry .MultilineTextBox.property-editor-control { width: 70% !important; min-height: 30px; height: 30px; overflow: hidden; padding-top: 6px; padding-bottom: 3px; } .modal-popup.modify-db-entry .type-dropdown.caption { margin-left: 0px !important; width: 137px; } .modal-popup.modify-db-entry .composer-list-manager .list-wrapper { max-height: 60px; overflow-y: auto; float: left; width: 100%; padding-left: 5px; margin-top: 9px; } .modal-popup.modify-db-entry .popup-content { width: 97%; margin-top: 10px; } .modal-popup.modify-db-entry .composer-dropdown.field { margin-left: 0px; } .modal-popup.modify-db-entry .type-dropdown.caption, .modal-popup.modify-db-entry .field-caption { margin-left: 0px !important; } .modal-popup.modify-db-entry .field-list { float: left; margin-top: 10px; clear: left; } .modal-popup.modify-db-entry .field-list .field-zone { width: 392px; margin-right: 40px !important; } .modal-popup.modify-db-entry .field-list .bubble-ui.value-field { margin-left: 0px; float: left; max-width: 254px; } .modal-popup.modify-db-entry .field-list .bubble-ui.value-field.read-only { opacity: 0.9; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; border: 1px solid #e2e2e2; padding: 7px; border-radius: 4px; width: 254px; height: 30px; } .modal-popup.modify-db-entry .field-list input.bubble-ui.value-field, .modal-popup.modify-db-entry .field-list .bubble-ui.value-field.composer-autocomplete { width: 254px !important; } .modal-popup.primary-field-popup .type-caption { width: 150px; } .modal-popup.primary-field-popup .type-list, .modal-popup.copying-db-versions .type-list, .modal-popup.dbconnector-data-types .type-list, .modal-popup.apiconnector-data-types .type-list { margin-top: 10px; width: 100%; } .modal-popup.primary-field-popup .type-caption, .modal-popup.copying-db-versions .type-caption, .modal-popup.dbconnector-data-types .type-caption, .modal-popup.apiconnector-data-types .type-caption { max-width: 135px; } .modal-popup.primary-field-popup.dbconnector .type-caption, .modal-popup.copying-db-versions.dbconnector .type-caption, .modal-popup.dbconnector-data-types.dbconnector .type-caption, .modal-popup.apiconnector-data-types.dbconnector .type-caption { max-width: none; } .modal-popup.primary-field-popup .type-zone, .modal-popup.copying-db-versions .type-zone, .modal-popup.dbconnector-data-types .type-zone, .modal-popup.apiconnector-data-types .type-zone { float: left; margin-top: 10px; margin-right: 40px; } .modal-popup.primary-field-popup.migration-box .type-zone, .modal-popup.copying-db-versions.migration-box .type-zone, .modal-popup.dbconnector-data-types.migration-box .type-zone, .modal-popup.apiconnector-data-types.migration-box .type-zone { width: 100%; } .modal-popup.copying-db-versions .popup-content, .modal-popup.dbconnector-data-types .popup-content, .modal-popup.apiconnector-data-types .popup-content, .modal-popup.airtable-data-types .popup-content { width: 800px; } .modal-popup.copying-db-versions .type-zone, .modal-popup.dbconnector-data-types .type-zone, .modal-popup.apiconnector-data-types .type-zone, .modal-popup.airtable-data-types .type-zone { width: 310px; } .modal-popup.dbconnector-data-types .type-caption, .modal-popup.apiconnector-data-types .type-caption { max-width: 135px; word-break: break-all; } .modal-popup.apiconnector-data-types .popup-content .type-zone, .modal-popup.airtable-data-types .popup-content .type-zone { width: 100%; float: left; margin-bottom: 20px; } .modal-popup.apiconnector-data-types .popup-content .type-zone.sub, .modal-popup.airtable-data-types .popup-content .type-zone.sub { margin-top: 5px; margin-bottom: 5px; } .modal-popup.apiconnector-data-types .popup-content .type-zone .caption, .modal-popup.airtable-data-types .popup-content .type-zone .caption { margin-right: 50px; } .modal-popup.apiconnector-data-types .popup-content .type-list, .modal-popup.apiconnector-data-types .popup-content .json-path-div, .modal-popup.apiconnector-data-types .popup-content .caption, .modal-popup.airtable-data-types .popup-content .type-list, .modal-popup.airtable-data-types .popup-content .json-path-div, .modal-popup.airtable-data-types .popup-content .caption { float: left; } .modal-popup.apiconnector-data-types .popup-content .caption, .modal-popup.airtable-data-types .popup-content .caption { margin-top: 9px; } .modal-popup.apiconnector-data-types .popup-content .json-path-div, .modal-popup.airtable-data-types .popup-content .json-path-div { word-wrap: break-word; max-width: 540px; margin-top: 11px; font-size: 12px; } .modal-popup.apiconnector-data-types .popup-content .json-path-div span.sample-value, .modal-popup.airtable-data-types .popup-content .json-path-div span.sample-value { color: #c1c1c1; } .modal-popup.apiconnector-data-types .popup-content .type-caption, .modal-popup.apiconnector-data-types .popup-content .field-type, .modal-popup.airtable-data-types .popup-content .type-caption, .modal-popup.airtable-data-types .popup-content .field-type { float: right; } .modal-popup.apiconnector-data-types .popup-content .sample-text, .modal-popup.airtable-data-types .popup-content .sample-text { width: 280px; } .modal-popup.apiconnector-data-types .popup-content .table-type, .modal-popup.airtable-data-types .popup-content .table-type { float: right; clear: both; } .modal-popup.apiconnector-data-types .popup-content .type-caption, .modal-popup.airtable-data-types .popup-content .type-caption { margin-right: 90px; } .modal-popup.apiconnector-data-types .popup-content .edit-stream-data .stream-accordion-row span > span, .modal-popup.airtable-data-types .popup-content .edit-stream-data .stream-accordion-row span > span { font-size: 14px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list, .modal-popup.airtable-data-types .fields-list { float: left; width: 100%; margin-top: 20px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone.sub, .modal-popup.airtable-data-types .fields-list .field-zone.sub { float: left; clear: both; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-name, .modal-popup.airtable-data-types .fields-list .field-name { float: left; margin-top: 9px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .schema-field-name, .modal-popup.airtable-data-types .fields-list .schema-field-name { float: left; margin-top: 9px; width: 22%; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone, .modal-popup.airtable-data-types .fields-list .field-zone { float: left; clear: both; width: 100%; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-zone.sub > .sub-fields, .modal-popup.airtable-data-types .fields-list .field-zone.sub > .sub-fields { padding-left: 20px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .field-row, .modal-popup.airtable-data-types .fields-list .field-row { margin-top: 10px; float: left; width: 100%; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sub-row, .modal-popup.airtable-data-types .fields-list .sub-row { margin-top: 10px; float: left; width: 100%; padding-left: 20px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row, .modal-popup.airtable-data-types .fields-list .list-row { float: right; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row .field-type, .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-row .table-type, .modal-popup.airtable-data-types .fields-list .list-row .field-type, .modal-popup.airtable-data-types .fields-list .list-row .table-type { clear: none; margin-left: 10px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .list-label, .modal-popup.airtable-data-types .fields-list .list-label { margin: 10px 0px 0px 25px; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sub-fields, .modal-popup.airtable-data-types .fields-list .sub-fields { float: left; width: 100%; } .modal-popup.apiconnector-data-types.apiconnector2 .fields-list .sample-value, .modal-popup.airtable-data-types .fields-list .sample-value { margin-top: 2px; color: #c1c1c1; clear: left; float: left; max-width: 450px; height: 11px; overflow: hidden; text-overflow: ellipsis; font-size: 10px; white-space: pre; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .modal-popup.apiconnector-data-types.apiconnector2 .show-raw-response, .modal-popup.airtable-data-types .show-raw-response { float: left; clear: both; margin-top: 20px; } .modal-popup.apiconnector-data-types.apiconnector2 .edit-raw-response, .modal-popup.airtable-data-types .edit-raw-response { float: right; margin-top: 20px; } .modal-popup.apiconnector-data-types.apiconnector2 .raw-response-wrapper, .modal-popup.airtable-data-types .raw-response-wrapper { background: #272b2d; width: 100%; margin-top: 10px; padding: 20px; clear: both; float: left; white-space: pre-wrap; overflow: auto; } .modal-popup.apiconnector-data-types.apiconnector2 .raw-response-wrapper code.raw-response, .modal-popup.airtable-data-types .raw-response-wrapper code.raw-response { color: #c1ef65; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; background: transparent; border: none; } .modal-popup.trigger-algolia-index .bottom-stripe { display: flex; } .modal-popup.trigger-algolia-index .panel .description { padding-bottom: 20px; } .modal-popup.trigger-algolia-index .panel .choice-container { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; } .modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper { width: 400px; float: left; } .modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper .type-picker { display: flex; align-items: center; } .modal-popup.trigger-algolia-index .panel .choice-container .button-areas { display: inline-flex; flex-flow: row wrap; align-items: center; max-width: 400px; } .modal-popup.trigger-algolia-index .panel .choice-container .button-areas .index-algolia-db-version-toggle { padding: 0.8em; margin: 10px; min-width: 150px; } .modal-popup.trigger-algolia-index .panel .choice-container .button-areas .index-algolia-db-version-toggle.selected { background: #9daeb3; color: white; } .modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper { width: 414px; float: left; } .modal-popup.trigger-algolia-index .panel .choice-container .pick-type-wrapper .composer-dropdown { float: right; } .modal-popup.trigger-algolia-index .panel .changes-description-container, .modal-popup.trigger-algolia-index .panel .current-status-container { margin-top: 10px; border-top: 1px solid rgb(245, 245, 245); } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-caption, .modal-popup.trigger-algolia-index .panel .current-status-container .type-caption { float: none; } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields { width: 100%; line-height: 1.5; float: none; } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .index-db-type-header, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .index-db-type-header { margin-top: 10px; } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row { display: block; max-width: 100%; padding-left: 10px; } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-progress, .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-type-name, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-progress, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-type-name { display: inline-block; } .modal-popup.trigger-algolia-index .panel .changes-description-container .type-fields .type-fields-row .index-row-type-name, .modal-popup.trigger-algolia-index .panel .current-status-container .type-fields .type-fields-row .index-row-type-name { margin-right: 5px; } .modal-popup.copying-db-versions .popup-content { width: 830px; } .modal-popup.copying-db-versions .instruction { clear: both; } .modal-popup.copying-db-versions .warning { color: red; margin-top: 10px; } .modal-popup.copying-db-versions .copy-panel, .modal-popup.copying-db-versions .restore-panel, .modal-popup.copying-db-versions .wipe-db-history-panel { float: left; width: 100%; } .modal-popup.copying-db-versions .progress-wrapper { margin-top: 20px; float: left; clear: both; width: 100%; margin-bottom: 20px; } .modal-popup.copying-db-versions .version-picker-wrapper, .modal-popup.copying-db-versions .pick-type-wrapper { width: 414px; margin-bottom: 15px; float: left; } .modal-popup.copying-db-versions .version-picker-wrapper .composer-dropdown, .modal-popup.copying-db-versions .pick-type-wrapper .composer-dropdown { float: right; } .modal-popup.copying-db-versions .version-picker-wrapper { margin-top: 15px; } .modal-popup.copying-db-versions .restore-panel, .modal-popup.copying-db-versions .wipe-db-history-panel { margin-top: 30px; border-top: 1px solid rgb(245, 245, 245); padding-top: 20px; } .modal-popup.copying-db-versions .restore-panel *, .modal-popup.copying-db-versions .wipe-db-history-panel * { float: left; } .modal-popup.copying-db-versions .restore-panel .caption.timestamp, .modal-popup.copying-db-versions .wipe-db-history-panel .caption.timestamp { clear: left; } .modal-popup.copying-db-versions .restore-panel .timestamp-restore-db, .modal-popup.copying-db-versions .wipe-db-history-panel .timestamp-restore-db { width: 105px !important; margin-left: 20px; } .modal-popup.copying-db-versions .restore-panel .conf.restore, .modal-popup.copying-db-versions .wipe-db-history-panel .conf.restore { width: 190px; margin-left: 20px; } .modal-popup.copying-db-versions .restore-panel .inject-today, .modal-popup.copying-db-versions .wipe-db-history-panel .inject-today { margin-left: 20px; cursor: pointer; color: #cecece; } .modal-popup.copying-db-versions .restore-panel .inject-today:hover, .modal-popup.copying-db-versions .wipe-db-history-panel .inject-today:hover { text-decoration: underline; } .modal-popup.copying-db-versions .copy-db-btn { margin-top: 20px; width: 355px; height: 50px; padding-top: 17px; } .modal-popup.copying-db-versions .copy-db-btn.from_live_to_test { float: left; } .modal-popup.copying-db-versions .copy-db-btn.from_test_to_live { float: right; } .modal-popup.copying-db-versions .copy-db-btn.selected { background: #9daeb3; color: white; } .modal-popup.copying-db-versions .confirmation-box { float: left; margin-top: 20px; width: 100%; } .modal-popup.copying-db-versions .confirmation-box input.bubble-ui.confirmation-input { width: 350px !important; float: left; margin-top: 20px; } .modal-popup.copying-db-versions .confirmation-box .progress-bar-wrapper { width: 100%; } .modal-popup.copying-db-versions .confirmation-box .bubble-ui.conf.btn { margin-top: 20px; margin-left: 20px; } .modal-popup.copying-db-versions .confirmation-box .all-types-warning { color: #f91d56; float: right; width: 40%; } .modal-popup.copying-db-versions .bubble-ui.conf.btn { height: 30px; padding-top: 7px; float: left; } .modal-popup.csv-uploader-window .popup-content, .modal-popup.bulk-operation-popup .popup-content, .modal-popup.version-panel .popup-content { width: 888px; } .modal-popup.csv-uploader-window .inner-children, .modal-popup.bulk-operation-popup .inner-children, .modal-popup.version-panel .inner-children { overflow: hidden; } .modal-popup.csv-uploader-window .inner-children .panel, .modal-popup.bulk-operation-popup .inner-children .panel, .modal-popup.version-panel .inner-children .panel { overflow-y: scroll; padding: 30px; max-height: calc(100vh - 280px); } .modal-popup.csv-uploader-window .inner-children .instructions.caption, .modal-popup.bulk-operation-popup .inner-children .instructions.caption, .modal-popup.version-panel .inner-children .instructions.caption { margin-bottom: 25px; line-height: 2; } .modal-popup.csv-uploader-window .inner-children .type-dropdown-caption, .modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption, .modal-popup.csv-uploader-window .inner-children .composer-dropdown.bubble-ui, .modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption, .modal-popup.csv-uploader-window .inner-children .composer-checkbox.bubble-ui, .modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .composer-dropdown.bubble-ui, .modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption, .modal-popup.bulk-operation-popup .inner-children .composer-checkbox.bubble-ui, .modal-popup.version-panel .inner-children .type-dropdown-caption, .modal-popup.version-panel .inner-children .delimiter-dropdown-caption, .modal-popup.version-panel .inner-children .composer-dropdown.bubble-ui, .modal-popup.version-panel .inner-children .quote-checkbox-caption, .modal-popup.version-panel .inner-children .composer-checkbox.bubble-ui { float: left; } .modal-popup.csv-uploader-window .inner-children .type-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption, .modal-popup.version-panel .inner-children .type-dropdown-caption { clear: left; width: 160px; } .modal-popup.csv-uploader-window .inner-children .empty-counts-box, .modal-popup.bulk-operation-popup .inner-children .empty-counts-box, .modal-popup.version-panel .inner-children .empty-counts-box { margin-top: 10px; float: left; clear: both; } .modal-popup.csv-uploader-window .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty, .modal-popup.bulk-operation-popup .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty, .modal-popup.version-panel .inner-children .empty-counts-box .type-dropdown-caption.overwrite-empty { width: 350px !important; } .modal-popup.csv-uploader-window .inner-children .view-or-list, .modal-popup.bulk-operation-popup .inner-children .view-or-list, .modal-popup.version-panel .inner-children .view-or-list { margin-bottom: 20px; } .modal-popup.csv-uploader-window .inner-children .type-dropdown-caption, .modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption, .modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption, .modal-popup.csv-uploader-window .inner-children .field-caption, .modal-popup.bulk-operation-popup .inner-children .type-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption, .modal-popup.bulk-operation-popup .inner-children .field-caption, .modal-popup.version-panel .inner-children .type-dropdown-caption, .modal-popup.version-panel .inner-children .delimiter-dropdown-caption, .modal-popup.version-panel .inner-children .quote-checkbox-caption, .modal-popup.version-panel .inner-children .field-caption { margin-top: 9px; } .modal-popup.csv-uploader-window .inner-children .composer-dropdown.bubble-ui, .modal-popup.csv-uploader-window .inner-children .composer-checkbox.bubble-ui, .modal-popup.bulk-operation-popup .inner-children .composer-dropdown.bubble-ui, .modal-popup.bulk-operation-popup .inner-children .composer-checkbox.bubble-ui, .modal-popup.version-panel .inner-children .composer-dropdown.bubble-ui, .modal-popup.version-panel .inner-children .composer-checkbox.bubble-ui { margin-left: 10px; } .modal-popup.csv-uploader-window .inner-children .delimiter-dropdown-caption, .modal-popup.csv-uploader-window .inner-children .quote-checkbox-caption, .modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file, .modal-popup.bulk-operation-popup .inner-children .delimiter-dropdown-caption, .modal-popup.bulk-operation-popup .inner-children .quote-checkbox-caption, .modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file, .modal-popup.version-panel .inner-children .delimiter-dropdown-caption, .modal-popup.version-panel .inner-children .quote-checkbox-caption, .modal-popup.version-panel .inner-children .btn.pick-csv-file { margin-left: 20px; } .modal-popup.csv-uploader-window .inner-children .csv-file-name, .modal-popup.bulk-operation-popup .inner-children .csv-file-name, .modal-popup.version-panel .inner-children .csv-file-name { float: left; clear: both; width: auto; margin-top: 15px; } .modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file, .modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file, .modal-popup.version-panel .inner-children .btn.pick-csv-file { height: 30px; } .modal-popup.csv-uploader-window .inner-children .btn.get-fields, .modal-popup.csv-uploader-window .inner-children .btn.analyze-data, .modal-popup.csv-uploader-window .inner-children .btn.upload-data, .modal-popup.csv-uploader-window .inner-children .btn.cancel-upload, .modal-popup.csv-uploader-window .inner-children .btn.pick-csv-file, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data, .modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload, .modal-popup.bulk-operation-popup .inner-children .btn.pick-csv-file, .modal-popup.version-panel .inner-children .btn.get-fields, .modal-popup.version-panel .inner-children .btn.analyze-data, .modal-popup.version-panel .inner-children .btn.upload-data, .modal-popup.version-panel .inner-children .btn.cancel-upload, .modal-popup.version-panel .inner-children .btn.pick-csv-file { float: left; width: 150px; text-align: center; padding: 7px; } .modal-popup.csv-uploader-window .inner-children .btn.get-fields, .modal-popup.csv-uploader-window .inner-children .btn.analyze-data, .modal-popup.csv-uploader-window .inner-children .btn.upload-data, .modal-popup.csv-uploader-window .inner-children .btn.cancel-upload, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data, .modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload, .modal-popup.version-panel .inner-children .btn.get-fields, .modal-popup.version-panel .inner-children .btn.analyze-data, .modal-popup.version-panel .inner-children .btn.upload-data, .modal-popup.version-panel .inner-children .btn.cancel-upload { margin-top: 20px; clear: left; border: 1px solid #9daeb3; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .modal-popup.csv-uploader-window .inner-children .btn.get-fields:hover, .modal-popup.csv-uploader-window .inner-children .btn.analyze-data:hover, .modal-popup.csv-uploader-window .inner-children .btn.upload-data:hover, .modal-popup.csv-uploader-window .inner-children .btn.cancel-upload:hover, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields:hover, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:hover, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data:hover, .modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload:hover, .modal-popup.version-panel .inner-children .btn.get-fields:hover, .modal-popup.version-panel .inner-children .btn.analyze-data:hover, .modal-popup.version-panel .inner-children .btn.upload-data:hover, .modal-popup.version-panel .inner-children .btn.cancel-upload:hover { background-color: rgb(249, 249, 249); } .modal-popup.csv-uploader-window .inner-children .btn.get-fields:before, .modal-popup.csv-uploader-window .inner-children .btn.analyze-data:before, .modal-popup.csv-uploader-window .inner-children .btn.upload-data:before, .modal-popup.csv-uploader-window .inner-children .btn.cancel-upload:before, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields:before, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:before, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data:before, .modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload:before, .modal-popup.version-panel .inner-children .btn.get-fields:before, .modal-popup.version-panel .inner-children .btn.analyze-data:before, .modal-popup.version-panel .inner-children .btn.upload-data:before, .modal-popup.version-panel .inner-children .btn.cancel-upload:before { text-align: left; float: left; margin-left: 5px; } .modal-popup.csv-uploader-window .inner-children .btn.get-fields.clicked, .modal-popup.csv-uploader-window .inner-children .btn.analyze-data.clicked, .modal-popup.csv-uploader-window .inner-children .btn.upload-data.clicked, .modal-popup.csv-uploader-window .inner-children .btn.cancel-upload.clicked, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields.clicked, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data.clicked, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data.clicked, .modal-popup.bulk-operation-popup .inner-children .btn.cancel-upload.clicked, .modal-popup.version-panel .inner-children .btn.get-fields.clicked, .modal-popup.version-panel .inner-children .btn.analyze-data.clicked, .modal-popup.version-panel .inner-children .btn.upload-data.clicked, .modal-popup.version-panel .inner-children .btn.cancel-upload.clicked { background-color: rgb(249, 249, 249); cursor: default; } .modal-popup.csv-uploader-window .inner-children .btn.get-fields:before, .modal-popup.bulk-operation-popup .inner-children .btn.get-fields:before, .modal-popup.version-panel .inner-children .btn.get-fields:before { content: "1"; } .modal-popup.csv-uploader-window .inner-children .btn.analyze-data:before, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data:before, .modal-popup.version-panel .inner-children .btn.analyze-data:before { content: "2"; } .modal-popup.csv-uploader-window .inner-children .btn.upload-data:before, .modal-popup.bulk-operation-popup .inner-children .btn.upload-data:before, .modal-popup.version-panel .inner-children .btn.upload-data:before { content: "3"; } .modal-popup.csv-uploader-window .inner-children .field-mapping-area, .modal-popup.bulk-operation-popup .inner-children .field-mapping-area, .modal-popup.version-panel .inner-children .field-mapping-area { width: 750px; margin-left: 50px; margin-top: 20px; } .modal-popup.csv-uploader-window .inner-children .field-mapping-area .field-caption, .modal-popup.bulk-operation-popup .inner-children .field-mapping-area .field-caption, .modal-popup.version-panel .inner-children .field-mapping-area .field-caption { float: left; width: 260px; clear: both; margin-bottom: 18px; } .modal-popup.csv-uploader-window .inner-children .btn.analyze-data, .modal-popup.bulk-operation-popup .inner-children .btn.analyze-data, .modal-popup.version-panel .inner-children .btn.analyze-data { clear: both; } .modal-popup.csv-uploader-window .inner-children .analysis-result, .modal-popup.bulk-operation-popup .inner-children .analysis-result, .modal-popup.version-panel .inner-children .analysis-result { float: left; margin-top: 25px; margin-left: 30px; width: 575px; line-height: 1.5; } .modal-popup.csv-uploader-window .inner-children .progress-bar-wrapper, .modal-popup.bulk-operation-popup .inner-children .progress-bar-wrapper, .modal-popup.version-panel .inner-children .progress-bar-wrapper { margin: 30px 10px 0px 0px; float: left; width: 100%; } .modal-popup.csv-uploader-window .upload-text { float: left; } .modal-popup.csv-uploader-window .processing-text { float: left; margin-top: 10px; } .modal-popup.csv-uploader-window .upload-status { float: left; margin-top: 10px; line-height: 1.5; white-space: pre-wrap; } .modal-popup.csv-uploader-window .progress-bar-wrapper { margin: 10px 10px 10px 0px !important; } .modal-popup.bulk-operation-popup .type-dropdown-caption { margin-right: 30px; } .modal-popup.bulk-operation-popup .copy-json { float: left; margin: 9px 0 0 30px; font-size: 12px; color: #b7b3b3; cursor: pointer; } .modal-popup.bulk-operation-popup .list-caption { float: left; margin-bottom: 3px; } .modal-popup.bulk-operation-popup .list-running-operations { float: left; margin-top: 10px; border: 1px #ececec; width: 75%; } .modal-popup.bulk-operation-popup .list-operation-errors { float: left; margin-top: 5px; margin-bottom: 10px; border: 1px #ececec; width: 100%; } .modal-popup.bulk-operation-popup .operation-task-row { display: inline-block; padding-top: 5px; width: 80%; } .modal-popup.bulk-operation-popup .operation-error-row { display: inline; float: left; padding: 2px 0; padding-right: 20px; white-space: pre; } .modal-popup.bulk-operation-popup .operation-error-list { display: inline-block; width: 100%; padding: 3px 0; } .modal-popup.bulk-operation-popup .operation-row-name { display: inline-block; float: left; } .modal-popup.bulk-operation-popup .operation-row-progress { display: inline-block; padding: 0 5%; width: 38%; } .modal-popup.bulk-operation-popup .operation-row-cancel { display: inline-block; padding-right: 5px; } .modal-popup.bulk-operation-popup .operation-row-cancel:hover { font-weight: bold; color: white; background-color: red; border-radius: 3px; } .modal-popup.bulk-operation-popup .do-it-box { clear: both; margin-top: 20px; float: left; width: 100%; } .modal-popup.bulk-operation-popup .do-it-box .instructions { float: left; } .modal-popup.bulk-operation-popup .do-it-box .run-workflow { float: right; width: 130px; margin-top: -13px; } .modal-popup.bulk-operation-popup .do-it-box .progress-bar-wrapper { margin-left: 0px; margin-top: 10px; width: 100%; } .modal-popup.bulk-operation-popup .do-it-box .error-box { float: left; width: 100%; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .modal-popup.bulk-operation-popup .do-it-box .error-box .error-entry { font-size: 12px; margin-top: 10px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container { width: 298px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.empty .dropdown-item-container { padding: 8px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky { bottom: -3px; padding-top: 0px; border-bottom: none; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky .dropdown-item-container { padding: 8px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.new.sticky .dropdown-item-container .dropdown-item.new-composer.bulk-operation-dropdown { color: blue; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container { padding: 8px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.disabled .dropdown-item.new-composer.bulk-operation-dropdown { min-width: 100%; color: gray; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.disabled .dropdown-item.new-composer.bulk-operation-dropdown .disabled-caption { line-height: 16px; text-align: left; font-size: 10px; padding-top: 4px; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected .dropdown-item { min-width: 100%; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected .dropdown-item .context-caption { color: blue; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container .dropdown-item { min-width: 100%; } .modal-popup.bulk-operation-popup .bulk-operation-dropdown .bulk-operation-dropdown.new-composer.dropdown-items-container .items-inner-container .section.main .dropdown-item-container .dropdown-item .context-caption { color: black; line-height: 16px; font-size: 10px; padding-top: 4px; background-color: transparent; } .modal-popup.need-to-subscribe-popup .inner-children { padding: 30px; overflow: hidden; } .modal-popup.need-to-subscribe-popup .message { line-height: 2; } .modal-popup.need-to-subscribe-popup a.link { color: #0205d3; } .modal-popup.need-to-subscribe-popup .btn.bubble-ui.submit-button { width: 130px; margin-top: 20px; float: left; margin-left: 125px; } .modal-popup.delete-version .popup-content { width: 700px; padding: 20px; } .modal-popup.delete-version .popup-sub-title { padding-top: 50px; font-size: 18px; text-align: center; color: #000000; } .modal-popup.delete-version .btn.delete-version { width: 240px; background-color: #d43737; border-width: 0; margin-top: 40px; margin-left: 210px; float: left; clear: both; } .modal-popup.delete-version .btn.delete-version:hover { background-color: #ad2525; } .modal-popup.delete-version .btn.delete-version.disabled { opacity: 50%; } .modal-popup.delete-version .delete-button-text { width: 100%; text-align: center; float: left; clear: both; padding-top: 15px; } .modal-popup.delete-version .btn-cancel { width: 240px; margin-top: 40px; margin-bottom: 40px; margin-left: 210px; float: left; clear: both; color: #080808; border-color: #080808; background-color: rgb(249, 249, 249); border-color: #ccc; } .modal-popup.delete-version .btn-cancel:hover { background-color: #d8d8d8; } .modal-popup.delete-version .inner-children .instructions.caption { margin-bottom: 12px !important; line-height: 1; } .modal-popup.delete-version .panel { padding-bottom: 5px !important; } .modal-popup.history-modal .popup-content { width: 700px; } .modal-popup.deploy-message .popup-content { width: 500px; } .modal-popup.history-modal .popup-content, .modal-popup.deploy-message .popup-content { padding: 30px; padding-top: 10px; } .modal-popup.history-modal .inner-children .instructions.caption, .modal-popup.deploy-message .inner-children .instructions.caption { margin-bottom: 12px !important; line-height: 1; } .modal-popup.history-modal .panel, .modal-popup.deploy-message .panel { padding-bottom: 5px !important; } .modal-popup.history-modal .popup-sub-title, .modal-popup.deploy-message .popup-sub-title { width: 100%; color: #000000; margin-top: 20px; margin-bottom: 20px; font-size: 18px; } .modal-popup.history-modal .popup-sub-title-caption, .modal-popup.deploy-message .popup-sub-title-caption { width: 100%; color: #000000; margin-bottom: 30px; font-size: 14px; line-height: 1.5; } .modal-popup.history-modal a, .modal-popup.deploy-message a { color: #0000ea; } .modal-popup.history-modal .popup-body-content, .modal-popup.deploy-message .popup-body-content { width: 100%; color: #000000; font-size: 14px; line-height: 1.5; } .modal-popup.history-modal .popup-body-content.callout, .modal-popup.deploy-message .popup-body-content.callout { background-color: yellow; } .modal-popup.history-modal .share-with-bubble, .modal-popup.deploy-message .share-with-bubble { text-align: center; float: left; width: 150px; margin: 15px 0 20px 0; } .modal-popup.history-modal .share-row, .modal-popup.deploy-message .share-row { margin-bottom: 5px; } .modal-popup.history-modal .close-button, .modal-popup.deploy-message .close-button { margin: 15px auto 0 auto; float: none; } .modal-popup.history-modal .wrapper, .modal-popup.deploy-message .wrapper { margin-bottom: 10px; float: left; clear: both; width: 100%; } .modal-popup.history-modal .wrapper.deploy-to-live, .modal-popup.deploy-message .wrapper.deploy-to-live { margin-bottom: 20px; } .modal-popup.history-modal .wrapper.deploy-to-live .show-deploy, .modal-popup.deploy-message .wrapper.deploy-to-live .show-deploy { padding-top: 10px; } .modal-popup.history-modal .rollback-wrapper, .modal-popup.deploy-message .rollback-wrapper { float: left; width: 500px; } .modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui, .modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui { height: 40px; } .modal-popup.history-modal .rollback-wrapper .revert.btn, .modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui, .modal-popup.deploy-message .rollback-wrapper .revert.btn, .modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui { margin-top: 12px; width: 100px; float: left; } .modal-popup.history-modal .rollback-wrapper .timestamp-revert.bubble-ui.hour, .modal-popup.deploy-message .rollback-wrapper .timestamp-revert.bubble-ui.hour { margin-left: 20px; } .modal-popup.history-modal .rollback-wrapper .revert.btn, .modal-popup.deploy-message .rollback-wrapper .revert.btn { width: 170px; margin-left: 20px; } .modal-popup.history-modal .deploy-date, .modal-popup.history-modal .deploy-copy, .modal-popup.history-modal .deploy-name, .modal-popup.deploy-message .deploy-date, .modal-popup.deploy-message .deploy-copy, .modal-popup.deploy-message .deploy-name { font-size: 14px; } .modal-popup.history-modal .deploy-copy, .modal-popup.deploy-message .deploy-copy { cursor: pointer; color: #c5c5c5; font-size: 10px; } .modal-popup.history-modal .deploy-copy:hover, .modal-popup.deploy-message .deploy-copy:hover { color: rgb(0, 0, 0); } .modal-popup.history-modal .deploy-copy.current, .modal-popup.deploy-message .deploy-copy.current { margin-top: 5px; float: left; clear: both; } .modal-popup.history-modal .previous-deploys, .modal-popup.deploy-message .previous-deploys { float: left; width: 640px; margin-bottom: 20px; } .modal-popup.history-modal .previous-deploys .deploys-list, .modal-popup.deploy-message .previous-deploys .deploys-list { float: left; width: 100%; font-size: 12px; border: 1px solid rgb(245, 245, 245); } .modal-popup.history-modal .previous-deploys .deploys-list .title, .modal-popup.deploy-message .previous-deploys .deploys-list .title { background-color: rgb(249, 249, 249); padding-left: 15px !important; font-size: 14px; } .modal-popup.history-modal .previous-deploys .deploys-list .title, .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row, .modal-popup.deploy-message .previous-deploys .deploys-list .title, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row { border-bottom: 1px solid #f0f0f0; padding: 4px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row:last-child, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row:last-child { border-bottom: none; } .modal-popup.history-modal .previous-deploys .deploys-list .sub-list, .modal-popup.deploy-message .previous-deploys .deploys-list .sub-list { height: 30vh; max-height: 300px; overflow-y: auto; width: 100%; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; cursor: default; float: left; width: 100%; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-type-icon, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-type-icon { float: left; margin-left: 10px; color: #0205d3; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-type, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-type { float: left; width: 100px; font-size: 14px; margin-left: 10px; margin-right: 10px; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-name, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-name { float: left; width: 215px; font-size: 14px; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-date, .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .deploy-copy, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-date, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .deploy-copy { float: right; } .modal-popup.history-modal .previous-deploys .deploys-list .deploy-row .inline-revert, .modal-popup.deploy-message .previous-deploys .deploys-list .deploy-row .inline-revert { margin-top: -2px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 3px; width: 130px; height: 24px; font-size: 12px; } .modal-popup.history-modal .footer, .modal-popup.deploy-message .footer { float: left; clear: both; width: 100%; } /* All typefaces used in Butter, available by class and as mixins. Replaces a few styles in global.scss, but largely represents a new level of component hierarchy */ .h1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h1 { font-size: 22px; font-weight: 400; line-height: 24px; } .theme-butter .h1 { font-size: 20px; font-weight: 400; line-height: 24px; } .h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h2 { font-size: 20px; font-weight: 400; line-height: 24px; } .theme-butter .h2 { font-size: 16px; font-weight: 400; line-height: 24px; } .h3 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h3 { font-size: 16px; font-weight: 400; line-height: 18px; } .theme-butter .h3 { font-size: 16px; font-weight: 300; line-height: 24px; } .h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h4 { font-size: 14px; font-weight: 400; line-height: 18px; } .theme-butter .h4 { font-size: 14px; font-weight: 300; line-height: 18px; } .h5 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .h5 { font-size: 12px; font-weight: 400; line-height: 18px; } .theme-butter .h5 { font-size: 12px; font-weight: 300; line-height: 18px; } .subhead1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead1 { font-size: 14px; font-weight: 400; line-height: 14px; } .theme-butter .subhead1 { font-size: 14px; font-weight: 600; line-height: 18px; } .subhead2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .subhead2 { font-size: 12px; font-weight: 400; line-height: 14px; } .theme-butter .subhead2 { font-size: 12px; font-weight: 600; line-height: 18px; } .body1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body1 { font-size: 12px; font-weight: 400; line-height: 12px; } .theme-butter .body1 { font-size: 14px; font-weight: 400; line-height: 24px; } .body2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .theme-classic .body2 { font-size: 10px; font-weight: 400; line-height: 10px; } .theme-butter .body2 { font-size: 12px; font-weight: 400; line-height: 24px; } .line-height-18 { line-height: 18px !important; } /* All colors for both themes, concieved as a grid of color x opacity */ /* Note on SASS variables as of 4/15/24 * - $action has not been updated to latest brand color as its descendents need verifcation in components * - $bubble_blue also should be updated to latest brand color * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase */ /* Theme mapper */ /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .highlight-dom-changes { animation-duration: 1s; animation-name: highlight-in; animation-timing-function: ease-out; } @keyframes highlight-in { from { background-color: rgb(200, 0, 0); } } /* MIXINS */ .display-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } /* TAGS */ address { font-style: normal; font-weight: normal; } sub, sup { font-size: 75%; /* sub/sup is relative to the surrounding text */ line-height: 0; /* line-height doesn't interfere with the positioning */ position: relative; /* Makes all browsers position relative to the surrounding text */ vertical-align: baseline; /* if you're using reset.css, you can remove this rule */ } sup { top: -0.5em; /* Move the superscripted text up */ } sub { bottom: -0.25em; /* Move the subscripted text down, but only half as far as the superscript */ } input:focus, textarea:focus { outline: none; } /* GLOBALLY USEFUL CLASSES (formerly tab_common) For the sake of avoiding specific classes and elaborate rules for spacing To live here you must: a) do exactly one thing b) be named something that makes it extremely clear what that one thing is Note: this was originally applied to .data-user-types, .data-editor, .maison-flyout-styles, .maison-panel, .database-view, .maison-popup. Delete this list when proved not buggy */ .code { font-family: "Courier New", Courier, monospace; font-weight: bold; background-color: antiquewhite; color: maroon; padding: 0px 4px; border-radius: 2px; } .maison-column { display: flex; flex-direction: column; height: 100%; } .flex-row, .maison-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-start { justify-content: flex-start !important; } .center { justify-content: center !important; } .flex-end { justify-content: flex-end !important; } .space-between { justify-content: space-between !important; } .flex-1 { flex: 1; } .pos-rel { position: relative; } .suspension-vertical { display: flex; flex-direction: column !important; justify-content: center; } .horizontal-rule { margin-bottom: 5px; margin-top: 5px; width: 100%; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-12 { padding: 12px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .margin-10 { margin: 10px !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-left-300 { margin-left: 300px !important; } .margin-right-minus20 { margin-right: -20px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-top-minus20 { margin-top: -20px !important; } .margin-top-minus10 { margin-top: -10px !important; } .margin-top-minus16 { margin-top: -16px !important; } .margin-top-minus5 { margin-top: -5px !important; } .margin-top-minus3 { margin-top: -3px !important; } .margin-top-minus2 { margin-top: -2px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .width-5 { width: 5px !important; } .width-10 { width: 10px !important; } .width-15 { width: 15px !important; } .width-20 { width: 20px !important; } .width-25 { width: 20px !important; } .width-30 { width: 30px !important; } .width-35 { width: 35px !important; } .width-40 { width: 40px !important; } .width-45 { width: 45px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-75 { width: 75px !important; } .width-80 { width: 80px !important; } .width-85 { width: 85px !important; } .width-100 { width: 100px !important; } .width-120 { width: 120px !important; } .width-130 { width: 130px !important; } .width-145 { width: 145px !important; } .width-150 { width: 150px !important; } .width-170 { width: 170px !important; } .width-180 { width: 180px !important; } .width-190 { width: 190px !important; } .width-195 { width: 195px !important; } .width-200 { width: 200px !important; } .width-210 { width: 210px !important; } .width-220 { width: 220px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-320 { width: 320px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-500 { width: 500px !important; } .width-540 { width: 540px !important; } .width-600 { width: 600px !important; } .width-640 { width: 640px !important; } .width-700 { width: 700px !important; } .width-fill { width: 100% !important; } .width-fit-content { width: fit-content !important; } .min-width-50 { min-width: 50px !important; } .min-width-60 { min-width: 60px !important; } .min-width-80 { min-width: 80px !important; } .min-width-85 { min-width: 85px !important; } .min-width-100 { min-width: 100px !important; } .min-width-120 { min-width: 120px !important; } .min-width-150 { min-width: 150px !important; } .min-width-180 { min-width: 180px !important; } .min-width-200 { min-width: 200px !important; } .min-width-400 { min-width: 400px !important; } .max-width-50 { max-width: 50px !important; } .max-width-60 { max-width: 60px !important; } .max-width-80 { max-width: 80px !important; } .max-width-85 { max-width: 85px !important; } .max-width-100 { max-width: 100px !important; } .max-width-120 { max-width: 120px !important; } .max-width-150 { max-width: 150px !important; } .max-width-180 { max-width: 180px !important; } .max-width-200 { max-width: 200px !important; } .width-one-tenth { width: 10% !important; } .width-two-tenth { width: 20% !important; } .width-one-quarter { width: 25% !important; } .width-three-tenth { width: 30% !important; } .width-one-third { width: 33.334% !important; } .width-four-tenth { width: 40% !important; } .width-half { width: 50% !important; } .width-six-tenth { width: 60% !important; } .width-two-third { width: 66.667% !important; } .width-seven-tenth { width: 70% !important; } .width-three-quarter { width: 75% !important; } .width-eight-tenth { width: 80% !important; } .width-nine-tenth { width: 90% !important; } .width-eighty-five-percent { width: 85% !important; } .height-5 { height: 5px !important; } .height-10 { height: 10px !important; } .height-15 { height: 15px !important; } .height-20 { height: 20px !important; } .height-25 { height: 20px !important; } .height-30 { height: 30px !important; } .height-35 { height: 35px !important; } .height-40 { height: 40px !important; } .height-45 { height: 45px !important; } .height-50 { height: 50px !important; } .height-55 { height: 55px !important; } .height-60 { height: 60px !important; } .height-85 { height: 85px !important; } .height-100 { height: 100px !important; } .height-120 { height: 120px !important; } .height-125 { height: 125px !important; } .height-150 { height: 150px !important; } .height-190 { height: 190px !important; } .height-195 { height: 195px !important; } .height-200 { height: 200px !important; } .height-210 { height: 210px !important; } .height-220 { height: 220px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-307 { height: 307px !important; } .height-320 { height: 320px !important; } .height-400 { height: 400px !important; } .height-435 { height: 435px !important; } .height-540 { height: 540px !important; } .height-fill { height: 100% !important; } .height-one-tenth { height: 10% !important; } .height-two-tenth { height: 20% !important; } .height-one-quarter { height: 25% !important; } .height-three-tenth { height: 30% !important; } .height-one-third { height: 33.334% !important; } .height-four-tenth { height: 40% !important; } .height-half { height: 50% !important; } .height-six-tenth { height: 60% !important; } .height-two-third { height: 66.667% !important; } .height-seven-tenth { height: 70% !important; } .height-three-quarter { height: 75% !important; } .height-eight-tenth { height: 80% !important; } .height-nine-tenth { height: 90% !important; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .strikethrough { text-decoration: line-through; } .no-select { user-select: none; } .float-right { float: right; } .float-left { float: left; } .margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-inherit { overflow: inherit !important; } .overflow-initial { overflow: initial !important; } .overflow-overlay { overflow: overlay !important; } .overflow-revert { overflow: revert !important; } .overflow-unset { overflow: unset !important; } .overflow-visible { overflow: visible !important; } .word-wrap-break-word { word-wrap: break-word; word-break: break-word; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .align-with-composer-input { margin-top: calc(12px + 5px + 16px - 9px); } .align-items-baseline { align-items: baseline; } .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-stretch { align-items: stretch; } .align-text-left { text-align: left; } .align-text-center { text-align: center; } .align-text-start { text-align: start; } .align-text-end { text-align: end; } .pop-color-variables.danger { --pop-color: var(--b-txt-danger); --pop-color-bg: var(--b-bg-danger1); } .pop-color-variables.caution { --pop-color: var(--b-txt-caution); --pop-color-bg: var(--b-bg-caution1); } .pop-color-variables.success { --pop-color: var(--b-txt-success); --pop-color-bg: var(--b-bg-success1); } .pop-color-variables.brand { --pop-color: var(--b-txt-brand); --pop-color-bg: var(--b-bg-brand1); } /* All colors for both themes, concieved as a grid of color x opacity */ /* Note on SASS variables as of 4/15/24 * - $action has not been updated to latest brand color as its descendents need verifcation in components * - $bubble_blue also should be updated to latest brand color * - $success, $alert, $destructive, $action_dark, $success_dark, $alert_dark, & $destructive_dark (and descendents) are only used in the theming object below * - $action, $base, $base_dark, & $reverse_dark were mostly replaced but are still used in the codebase * - $action, $base, $reverse, $base_dark, & $reverse_dark descendents are still used in the codebase */ /* Theme mapper */ /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .banner { font-size: 12px; line-height: 143%; color: black; display: flex; flex-direction: row; align-items: center; border-radius: 5px; padding: 10px 12px; gap: 12px; margin-top: 20px; } .banner a { color: var(--b-txt-brand); cursor: pointer; } .banner.success { background: var(--b-bg-success2); border: 1px solid var(--b-border-success); } .banner.destructive { background: var(--b-bg-danger2); border: 1px solid var(--b-border-danger); } .banner.primary { background: var(--b-bg-brand2); border: 1px solid var(--b-border-brand); } .banner.alert { background: var(--b-bg-caution2); border: 1px solid var(--b-border-caution); } @keyframes cursor-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .composer-error-handler { display: inline-flex; flex-direction: row; } .composer-error-handler .error-handler-icon { margin-top: 3px; margin-right: 8px; } .new-composer.full-width { width: 100%; } .ppe_dropdown.composer-container { width: 100%; border: 1px solid var(--b-bg-secondary); border-radius: 4px; height: 28px; justify-content: center; padding-bottom: 4px; padding-top: 4px; display: flex; } .ppe_dropdown.composer-container .dropdown-container.new-composer { display: flex; width: 100%; } .ppe_dropdown.composer-container .dropdown-container.new-composer .dropdown-caption-container { display: flex; width: 100%; } .new-composer.composer-input.keyboard-input { height: 30px; width: 160px; padding: 0px 4px 0 4px; background-color: #525759; } .new-composer.composer-input.keyboard-input:not(:focus) { color: #67b3ff; } .new-composer.composer-datebox { display: inline-block; } .new-composer.composer-dropdown.arrowless { display: inline; height: auto; } .new-composer.composer-dropdown.arrowless .composer-container { padding: 0 2px 0 2px; display: inline; } .new-composer.composer-dropdown.arrowless .composer-container:first-child { margin-left: 0px; } .new-composer.composer-dropdown.arrowless .composer-container:first-child .empty:first-child { width: 35px; } .new-composer.composer-dropdown.arrowless .composer-container .dropdown-container { display: inline-block; } .new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer { padding: 0 1px 0 1px; width: auto; height: auto; border: none; } .new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer .dropdown-caption { width: auto; } .new-composer.composer-dropdown.arrowless .composer-container .dropdown-container .dropdown-caption-container.new-composer .autocomplete-input { width: 70px; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer { background: transparent; display: inline; min-height: 0px; padding: 0; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon { margin-right: 3px; margin-bottom: 6px; width: 16px; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer .dynamic-btn-icon.hidden { display: none; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.shorttext .short-text-composer.new-composer .short-text-composer-wrapper .text-composer.hovered { background: transparent; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer { display: inline; background: transparent; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container { display: inline; } .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=constraints] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=constraints] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=constraints] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=initial_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=changes] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row[prop_name=additional_values] .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.objectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.staticlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.basic .new-composer.expression-composer .expression-composer-container.hovered, .row.generic_object_list .editor.flyoutobjectlist .entry .row[prop_name=value] .editor.geographicsearch .new-composer.expression-composer .expression-composer-container.hovered { background: transparent; } .row[prop_name=constraints] .editor.objectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=constraints] .editor.staticlist .new-composer.composer-dropdown.arrowless, .row[prop_name=constraints] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=initial_values] .editor.objectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=initial_values] .editor.staticlist .new-composer.composer-dropdown.arrowless, .row[prop_name=initial_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=changes] .editor.objectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=changes] .editor.staticlist .new-composer.composer-dropdown.arrowless, .row[prop_name=changes] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=additional_values] .editor.objectlist .new-composer.composer-dropdown.arrowless, .row[prop_name=additional_values] .editor.staticlist .new-composer.composer-dropdown.arrowless, .row[prop_name=additional_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless, .row.generic_object_list .editor.objectlist .new-composer.composer-dropdown.arrowless, .row.generic_object_list .editor.staticlist .new-composer.composer-dropdown.arrowless, .row.generic_object_list .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless { background: transparent; } .row[prop_name=constraints] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=constraints] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=constraints] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=initial_values] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=initial_values] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=initial_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=changes] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=changes] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=changes] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=additional_values] .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=additional_values] .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row[prop_name=additional_values] .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row.generic_object_list .editor.objectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row.generic_object_list .editor.staticlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container, .row.generic_object_list .editor.flyoutobjectlist .new-composer.composer-dropdown.arrowless .dropdown-caption-container { background: transparent; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete { width: 100%; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu { background-color: white; min-width: 100%; max-width: 400px; padding: 5px; border: 1px solid rgb(245, 245, 245); color: rgb(0, 0, 0); overflow-y: auto; font-size: 12px; max-height: 300px; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu:hover { color: #b0bbbe; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p { padding-left: 5px; padding-top: 9px; padding-bottom: 3px; padding-right: 15px; cursor: pointer; font-weight: normal; display: block; white-space: nowrap; line-height: 1.42857143; color: rgb(0, 0, 0); overflow-x: hidden; text-overflow: ellipsis; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p .tt-suggestion > p:hover, .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-suggestion > p .tt-suggestion > p:focus { text-decoration: none; outline: 0; background-color: #f8f9f9; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-hint { color: #9b9b9b !important; } .modal-popup.modify-db-entry .field-list .new-composer.bubble-ui.value-field.composer-autocomplete .tt-dropdown-menu .tt-highlight { color: rgb(0, 0, 0); } .new-composer .btn-row { display: flex; flex-direction: row; justify-content: space-between; align-self: center; width: calc(100% - 16px); } .new-composer .btn-row .insert-btn { cursor: pointer; display: flex; align-items: center; padding: 2px 6px 3px 2px; } .new-composer .btn-row .insert-btn.short { padding-left: 0px; } .new-composer .btn-row .insert-btn .text { margin-left: 2px; font-size: 11px; line-height: 18px; } .new-composer .btn-row .insert-btn .text.short { margin-left: 5px; font-size: 10px; } .new-composer .btn-row .insert-btn .plus-text { font-size: 16px; } .new-composer.composer-color { display: flex; } .new-composer.composer-color.swatch-first { flex-direction: row; } .new-composer.composer-color.swatch-last { flex-direction: row-reverse; } .new-composer.dynamic-composer-color .expression-composer { width: 168px; } .new-composer.dynamic-composer-color .expression-composer .expression-composer-container { min-height: 30px; } .new-composer.dynamic-composer-color .btn-row .insert-btn { color: rgba(255, 255, 255, 0.72); } .new-composer.dynamic-composer-color .btn-row .insert-btn.clickable { cursor: pointer; } .new-composer.dynamic-composer-color .btn-row .insert-btn.clickable:hover { color: white; } .new-composer.dynamic-composer-color .btn-row .insert-btn .fa-plus { width: 12px; height: 10px; font-size: 11px; } .new-composer.long-text-composer { background-color: #525759; padding-bottom: 0px; } .new-composer.long-text-composer:hover { background-color: #424242; } .new-composer.long-text-composer .long-text-composer-wrapper { display: flex; flex-direction: column; padding: 0px; } .new-composer.long-text-composer .long-text-composer-wrapper.focused { background-color: #424242; } .new-composer.long-text-composer .text-composer { background-color: unset; min-height: 60px; padding: 6px 4px 5px 8px; cursor: text; } .new-composer.long-text-composer .text-composer.param { width: 168px; } .new-composer.long-text-composer .text-composer, .new-composer.short-text-composer .text-composer { position: relative; } .new-composer.long-text-composer .text-composer:hover, .new-composer.short-text-composer .text-composer:hover { background-color: #424242; } .new-composer.long-text-composer .text-composer .dynamic-btn-icon-spacer, .new-composer.short-text-composer .text-composer .dynamic-btn-icon-spacer { visibility: hidden; float: none; display: inline-flex; width: 22px; height: 14px; } .new-composer.long-text-composer .text-composer .dynamic-btn-icon-spacer.hidden, .new-composer.short-text-composer .text-composer .dynamic-btn-icon-spacer.hidden { display: none; } .new-composer.long-text-composer .text-composer .dynamic-btn-icon, .new-composer.short-text-composer .text-composer .dynamic-btn-icon { display: inline-block; float: right; cursor: pointer; width: 0px; padding: 0px; height: 16px; border-radius: 4px; margin-top: 2px; margin-bottom: 0px; } .new-composer.long-text-composer .text-composer .dynamic-btn-icon .hovered, .new-composer.short-text-composer .text-composer .dynamic-btn-icon .hovered { background-color: rgba(246, 246, 246, 0.4); } .new-composer.long-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-icon.insert-btn, .new-composer.short-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-icon.insert-btn { margin-top: 1px; border: 1px rgba(246, 246, 246, 0.1) solid; width: 16px; } .new-composer.long-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-tooltip, .new-composer.short-text-composer .text-composer .dynamic-btn-icon .dynamic-btn-tooltip { font-size: 14px; } .new-composer.long-text-composer .text-composer.hovered, .new-composer.short-text-composer .text-composer.hovered { background-color: #424242; } .new-composer.long-text-composer .text-composer .expression-composer-container, .new-composer.short-text-composer .text-composer .expression-composer-container { padding: 0; display: inline; } .new-composer.long-text-composer .text-composer.param .static-span, .new-composer.short-text-composer .text-composer.param .static-span { max-width: 157px; } .new-composer.long-text-composer .static-span, .new-composer.short-text-composer .static-span { padding: 0; display: inline; position: relative; z-index: 2; white-space: pre-wrap; line-height: 20px; min-width: 3px; } .new-composer.long-text-composer .static-span:focus, .new-composer.short-text-composer .static-span:focus { outline: none; } .new-composer.long-text-composer .static-span:empty, .new-composer.short-text-composer .static-span:empty { display: inline-block; } .new-composer.long-text-composer .static-span[placeholder]:empty:after, .new-composer.short-text-composer .static-span[placeholder]:empty:after { content: attr(placeholder); color: rgba(255, 255, 255, 0.6); } .new-composer.long-text-composer .clickable-container, .new-composer.short-text-composer .clickable-container { display: inline; } .new-composer.long-text-composer .clickable-container .clickable, .new-composer.short-text-composer .clickable-container .clickable { position: absolute; z-index: 1; height: 20px; width: 100%; } .new-composer.long-text-composer .clickable-container .clickable.empty, .new-composer.short-text-composer .clickable-container .clickable.empty { margin-left: 0px; } .new-composer.long-text-composer .btn-row, .new-composer.short-text-composer .btn-row { margin-bottom: 8px; margin-top: 8px; } .new-composer.long-text-composer .btn-row.short, .new-composer.short-text-composer .btn-row.short { margin-top: 2px; margin-bottom: 2px; } .new-composer.long-text-composer .btn-row .insert-btn, .new-composer.short-text-composer .btn-row .insert-btn { border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1); } .new-composer.long-text-composer .btn-row .insert-btn.short, .new-composer.short-text-composer .btn-row .insert-btn.short { background-color: transparent; border: none; } .new-composer.long-text-composer .btn-row .insert-btn .fa-plus-square, .new-composer.short-text-composer .btn-row .insert-btn .fa-plus-square { width: 16px; height: 16px; font-size: 16px; color: rgba(255, 255, 255, 0.6); } .new-composer.long-text-composer .btn-row .insert-btn .text, .new-composer.short-text-composer .btn-row .insert-btn .text { color: white; } .new-composer.long-text-composer .btn-row .insert-btn .text.short, .new-composer.short-text-composer .btn-row .insert-btn .text.short { color: rgba(255, 255, 255, 0.72); } .new-composer.long-text-composer .btn-row .insert-btn .text.short:hover, .new-composer.long-text-composer .btn-row .insert-btn .text.short.hovered, .new-composer.short-text-composer .btn-row .insert-btn .text.short:hover, .new-composer.short-text-composer .btn-row .insert-btn .text.short.hovered { color: white; } .new-composer.long-text-composer .btn-row .insert-btn .plus-text, .new-composer.short-text-composer .btn-row .insert-btn .plus-text { color: rgba(255, 255, 255, 0.72); } .new-composer.long-text-composer .btn-row .insert-btn .plus-text:hover, .new-composer.long-text-composer .btn-row .insert-btn .plus-text.hovered, .new-composer.short-text-composer .btn-row .insert-btn .plus-text:hover, .new-composer.short-text-composer .btn-row .insert-btn .plus-text.hovered { color: white; } .new-composer.long-text-composer .btn-row .rich-text, .new-composer.short-text-composer .btn-row .rich-text { cursor: pointer; text-align: right; font-size: 11px; line-height: 16px; align-self: flex-end; } .new-composer.long-text-composer .btn-row .rich-text.param, .new-composer.short-text-composer .btn-row .rich-text.param { padding-bottom: 3px; font-size: 10px; color: rgba(255, 255, 255, 0.72); margin-right: -16px; } .new-composer.long-text-composer .btn-row.param, .new-composer.short-text-composer .btn-row.param { width: 168px; } .editor.basic .new-composer.expression-composer { width: 168px; } .state.section .condition .new-composer.expression-composer { width: 259px; } .light-design .state.section .condition .new-composer.expression-composer { width: 259px; } .light-design .state.section .condition .new-composer.expression-composer .expression-composer-container { line-height: 16px; } .light-design .state.section .condition .new-composer.expression-composer .expression-composer-container.empty { height: 32px; } .light-design .state.section .condition .new-composer.expression-composer .expression-composer-container .hover-space { height: 23px; } .light-design .state.section .condition .new-composer.expression-composer .expression-composer-container .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption:not(.empty-expression) { line-height: 11px; } .row[prop_name=condition] .new-composer.expression-composer { width: 234px; } .role-div .condition .new-composer.expression-composer { width: 100%; } .role-div .condition .new-composer.expression-composer .expression-composer-container { line-height: 28px; } .role-div .condition .new-composer.expression-composer .expression-composer-container:not(.empty) { padding-bottom: 8px; } .role-div .condition .new-composer.expression-composer .expression-composer-container.empty { height: 38px; } .role-div .condition .new-composer.expression-composer .expression-composer-container .hover-space { height: 19.5px; } .role-div .condition .new-composer.expression-composer .expression-composer-container .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption:not(.empty-expression) { line-height: 11px; } .role-div .condition .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container { margin-top: 2px; } .settings-editor .tab-panel.language .dropdown-container.new-composer .new-composer.dropdown-caption-container, .settings-editor .tab-panel.mobile .dropdown-container.new-composer .new-composer.dropdown-caption-container { padding: 8px 0px 6px 10px; } .settings-editor .tab-panel.language .dropdown-container.new-composer .new-composer.dropdown-caption-container .dropdown-icon, .settings-editor .tab-panel.mobile .dropdown-container.new-composer .new-composer.dropdown-caption-container .dropdown-icon { color: black; } .settings-editor .tab-panel.language textarea.texts, .settings-editor .tab-panel.mobile textarea.texts { padding-left: 10px; padding-bottom: 8px; border-radius: 4px; } .settings-editor .tab-panel.language textarea.texts:focus, .settings-editor .tab-panel.mobile textarea.texts:focus { border: 1px solid #0205d3; } .settings-editor .tab-panel.language .color-input, .settings-editor .tab-panel.mobile .color-input { width: 100%; } .settings-editor .new-composer.dropdown-container .dropdown-caption-container { display: inline-flex; justify-content: space-between; border: 1px solid #dedede; border-radius: 4px; height: 30px; } .settings-editor .new-composer.dropdown-container .dropdown-caption-container .autocomplete-input { border: none; } .new-composer.expression-composer { background-color: #525759; } .new-composer.expression-composer .expression-composer-container { padding: 2px 4px 4px 6px; line-height: 16px; min-height: 32px; width: 100%; } .new-composer.expression-composer .expression-composer-container.empty { display: flex; align-items: center; padding: 0px 4px 0px 6px; } .new-composer.expression-composer .expression-composer-container.mandatory.empty.param { border: 1px solid #f91d56; } .new-composer.long-text-composer .expression-composer-container, .new-composer.short-text-composer .expression-composer-container { padding: 6px 12px 15px; } .new-composer.expression-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened), .new-composer.long-text-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened), .new-composer.short-text-composer .expression-composer-container .empty-expression.dropdown-container.focused:not(.opened) { display: inline-flex; } .new-composer.expression-composer .expression-composer-container.hovered, .new-composer.long-text-composer .expression-composer-container.hovered, .new-composer.short-text-composer .expression-composer-container.hovered { background-color: #424242; cursor: pointer; } .new-composer.expression-composer .spacer, .new-composer.expression-composer .parenthesis, .new-composer.long-text-composer .spacer, .new-composer.long-text-composer .parenthesis, .new-composer.short-text-composer .spacer, .new-composer.short-text-composer .parenthesis { display: inline; padding-bottom: 3px; overflow-wrap: anywhere; } .new-composer.expression-composer .subexpression, .new-composer.long-text-composer .subexpression, .new-composer.short-text-composer .subexpression { display: inline; } .new-composer.expression-composer .subexpression .dropdown-container, .new-composer.long-text-composer .subexpression .dropdown-container, .new-composer.short-text-composer .subexpression .dropdown-container { line-height: 20px; } .new-composer.expression-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container, .new-composer.long-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container, .new-composer.short-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container { border-bottom-width: 1px; border-bottom-style: solid; border-radius: 0px; margin-top: 3px; padding-top: 0px; padding-bottom: 3px; } .new-composer.expression-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression, .new-composer.long-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression, .new-composer.short-text-composer .subexpression .dropdown-container .new-composer.dropdown-caption-container.empty-expression { border-bottom: none; } .new-composer.expression-composer .subexpression .dropdown-container .dropdown-caption-container.insert, .new-composer.expression-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor, .new-composer.long-text-composer .subexpression .dropdown-container .dropdown-caption-container.insert, .new-composer.long-text-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor, .new-composer.short-text-composer .subexpression .dropdown-container .dropdown-caption-container.insert, .new-composer.short-text-composer .subexpression .dropdown-container .dropdown-caption-container.show-cursor { min-width: 4px; display: inline-block; border-bottom: none; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty, .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty, .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:empty { border: none; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty), .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty), .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened) .dropdown-caption-container.insert .dropdown-caption:not(:empty) { padding: 3px 4px 4px 4px; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption { width: 2px; margin-left: 1px; margin-right: 1px; background-color: #67b3ff; animation: cursor-blink 1.5s steps(1) infinite; border: none; height: 20px; margin-bottom: -7.5px; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor, .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor, .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor { outline-width: 0; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before { content: ""; display: inline-block; width: 2px; background-color: #67b3ff; animation: cursor-blink 1.5s steps(1) infinite; border: none; height: 20px; margin-bottom: -7.5px; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor), .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor), .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) { outline-width: 0; } .new-composer.expression-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer, .new-composer.long-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer, .new-composer.short-text-composer .subexpression .dropdown-container:not(.opened):focus:not(.show-cursor) .dropdown-caption-container.new-composer { border-style: solid; border-width: 1px; border-radius: 3px; color: #ffdb5c; } .new-composer.expression-composer .spacer, .new-composer.long-text-composer .spacer, .new-composer.short-text-composer .spacer { width: 4px; height: 20px; margin-bottom: -7.5px; display: inline-block; border-bottom: none; } .new-composer.expression-composer .spacer.mini-spacer, .new-composer.long-text-composer .spacer.mini-spacer, .new-composer.short-text-composer .spacer.mini-spacer { width: 2px; } .new-composer.expression-composer .spacer.hidden, .new-composer.long-text-composer .spacer.hidden, .new-composer.short-text-composer .spacer.hidden { display: none; } .new-composer.expression-composer .hover-space, .new-composer.long-text-composer .hover-space, .new-composer.short-text-composer .hover-space { height: 20px; margin-bottom: -7.5px; display: inline-block; } .new-composer.expression-composer .hover-space .parenthesis, .new-composer.long-text-composer .hover-space .parenthesis, .new-composer.short-text-composer .hover-space .parenthesis { display: block; position: relative; width: 5px; height: 14px; font-size: 14px; line-height: 14px; } .new-composer.expression-composer .expression-composer-container, .new-composer.long-text-composer .expression-composer-container, .new-composer.short-text-composer .expression-composer-container { --edit_color: #ffdb5c; --error_color: #f91d56; --resolved_color: #67b3ff; --base_color: #afb2b2; --empty_color: #b3b3b3; --border_color: transparent; } .new-composer.expression-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption, .new-composer.long-text-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption, .new-composer.short-text-composer .expression-composer-container.hovered .new-composer.dropdown-caption-container .dropdown-caption { color: var(--edit_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container { border-color: var(--border_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused), .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused), .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.placeholder-last-atom.insert.mandatory:not(.focused) { border-color: var(--error_color); color: var(--error_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption { color: var(--resolved_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.focused { color: var(--edit_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.error { color: var(--error_color); border-color: var(--error_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression { color: var(--empty_color); border-radius: 4px; border: 1px dashed #595f62; padding: 0px 2px 0px 2px; width: 45px; display: inline-flex; justify-content: center; line-height: 16px; } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder), .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder), .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.error:not(.placeholder) { border: 1px solid var(--error_color); } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder, .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder, .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty-expression.placeholder { width: fit-content; border: none; overflow-wrap: break-word; padding: 6px 2px 6px 2px; } .new-composer.expression-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error), .new-composer.long-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error), .new-composer.short-text-composer .expression-composer-container .dropdown-container .new-composer.dropdown-caption-container .dropdown-caption.empty:not(.error) { color: var(--empty_color); } .new-composer.expression-composer .expression-composer-container .parenthesis, .new-composer.long-text-composer .expression-composer-container .parenthesis, .new-composer.short-text-composer .expression-composer-container .parenthesis { color: var(--base_color); } .new-composer.expression-composer .expression-composer-container .parenthesis.error, .new-composer.long-text-composer .expression-composer-container .parenthesis.error, .new-composer.short-text-composer .expression-composer-container .parenthesis.error { color: var(--error_color); } .new-composer.expression-composer .expression-composer-container.something-highlighted, .new-composer.long-text-composer .expression-composer-container.something-highlighted, .new-composer.short-text-composer .expression-composer-container.something-highlighted { --edit_color: rgba(255, 219, 92, 0.6); --error_color: rgba(249, 29, 86, 0.6); --resolved_color: rgba(103, 179, 255, 0.6); --base_color: rgba(175, 178, 178, 0.6); --empty_color: rgba(179, 179, 179, 0.6); } .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted { --edit_color: #ffdb5c; --error_color: #f91d56; --resolved_color: #67b3ff; --base_color: #afb2b2; --empty_color: #b3b3b3; --border_color: #afb2b2; } .new-composer.expression-composer .expression-composer-container, .new-composer.long-text-composer .expression-composer-container, .new-composer.short-text-composer .expression-composer-container { --color-1: #48f4be; --color-2: #f59c49; --color-3: #e749f5; --color-4: #49c7f5; --color-5: #f2f549; --color-6: #f549c5; --color-7: #4983f5; } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-1 { border-color: var(--color-1); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-2 { border-color: var(--color-2); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-3 { border-color: var(--color-3); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-4 { border-color: var(--color-4); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-5 { border-color: var(--color-5); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-6 { border-color: var(--color-6); } .new-composer.expression-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7, .new-composer.long-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7, .new-composer.short-text-composer .expression-composer-container .subexpression .dropdown-container .new-composer.dropdown-caption-container.color-7 { border-color: var(--color-7); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-1 { color: var(--color-1); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-2 { color: var(--color-2); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-3 { color: var(--color-3); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-4 { color: var(--color-4); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-5 { color: var(--color-5); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-6 { color: var(--color-6); } .new-composer.expression-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7, .new-composer.long-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7, .new-composer.short-text-composer .expression-composer-container .subexpression .hover-space .parenthesis.color-7 { color: var(--color-7); } .new-composer.composer-cssdimension { height: 30px; width: 72px; padding: 6px 0px 6px 7px; margin: 0; display: inline-block; white-space: no-wrap; overflow: hidden; text-overflow: ellipsis; background-color: #525759; border: 1px solid transparent; } .new-composer.composer-cssdimension .inputs-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .new-composer.composer-cssdimension .inputs-container .number-box-input { height: 100%; width: 100%; color: white; } .new-composer.composer-cssdimension .inputs-container .dropdown-container { color: rgba(255, 255, 255, 0.72); } .new-composer.composer-cssdimension .inputs-container .dropdown-container:hover { color: white; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-caption-container { border: none; width: 30px; height: 100%; display: flex; justify-content: flex-end; font-size: 9px; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-caption-container .dropdown-caption { margin-right: 3px; width: max-content; padding: 0; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container { width: 30px; background-color: #424242; padding: 0; overflow: hidden; color: white; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container { width: 30px; padding: 0; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main { padding: 0; width: 30px; padding-bottom: 0px !important; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container { padding: 0; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #424242; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container.selected { color: yellow; } .new-composer.composer-cssdimension .inputs-container .dropdown-container .dropdown-items-container .items-inner-container .section.main .dropdown-item-container:hover { background-color: #424242; } .new-composer .composer-dropdown-button.snap_mode_buttons .button { padding-top: 8px; padding-bottom: 8px; height: 12px; } .composer-container:not(.full-width) .dropdown-container.new-composer.opened, .expression-composer .dropdown-container.new-composer.opened { display: inline-block; } .dropdown-container.new-composer { font-size: 12px; display: inline; } .dropdown-container.new-composer .dropdown-caption-container { border: none; padding: 6px 0px 6px 0px; display: inline; } .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input { color: white; background-color: transparent; height: 18px; border: 1px solid #b3b3b3; border-radius: 3px; margin-right: 0px; padding: 0px 0px 0px 4px; line-height: 12px; } .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input::placeholder { color: #b3b3b3; } .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption { border: none; margin-right: 0px; padding-right: 0px; display: inline; line-height: 11px; } .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption.empty { width: fit-content; display: inline-block; color: #b3b3b3; border-radius: 4px; border: 1px dashed #b3b3b3; } .dropdown-container.new-composer .dropdown-caption-container .dropdown-icon { color: #c0cad1; width: 18px; font-size: 14px; } .dropdown-container.new-composer .dropdown-items-positioner { height: 0px; width: 0px; display: block; position: relative; top: -4px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container { display: "block"; position: fixed; background-color: #424242; border: none; line-height: 12px; margin-top: 3px; padding: 3px; z-index: 5000; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container { padding: 0px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section { padding: 0px; width: unset; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.sticky { position: sticky; top: -3px; padding-top: 3px; background-color: #424242; border-bottom: 1px solid #595f62; z-index: 1; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title { cursor: pointer; padding: 4px; margin-right: 0px; height: 26px; color: rgba(255, 255, 255, 0.6); font-weight: 600; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered { background-color: #242627; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title .dropdown-icon { margin-top: 2px; margin-left: 4px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title .title-div { margin-top: 3px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container { border-radius: 2px; padding: 5.5px 0px 5.5px 4px; line-height: normal; display: flex; justify-content: space-between; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.grid-dropdown { padding: 3px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item { color: white; min-width: 192px; max-width: 240px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item.grid-dropdown { min-width: 17px; max-width: 17px; min-height: 24px; text-align: center; line-height: 23px; font-size: 16px; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled { color: #696969; padding-bottom: 0px; cursor: default; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled .dropdown-item { color: #696969; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) { background-color: #242627; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item { color: yellow; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete { color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.empty .dropdown-item { color: rgba(255, 255, 255, 0.6); } .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child { padding-bottom: 0px !important; } .dropdown-container.new-composer.short .dropdown-caption-container .autocomplete-input { width: 84px; } .dropdown-container.new-composer.medium-large .dropdown-caption-container { width: 94px; } .dropdown-container.new-composer.medium-large .dropdown-items-container .dropdown-item-container .dropdown-item { min-width: 70px; } .dropdown-container.new-composer.medium-large-large .dropdown-caption-container { width: 138px; } .dropdown-container.new-composer.medium-large-large .dropdown-caption-container .autocomplete-input { width: 84px; } .dropdown-container.new-composer.medium-large-large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer { width: 121px; min-width: 121px; max-width: 121px; } .dropdown-container.new-composer.long .dropdown-caption-container { width: 156px; } .dropdown-container.new-composer.long .dropdown-caption-container .autocomplete-input { width: 108px; } .dropdown-container.new-composer.long .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer:not(.grid-dropdown) { width: 151px; min-width: 151px; max-width: 151px; } .dropdown-container.new-composer.mid_extra_large .dropdown-caption-container.new-composer { width: 254px; } .dropdown-container.new-composer.mid_extra_large .dropdown-caption-container.new-composer .autocomplete-input { width: 204px; margin-left: 0px; } .dropdown-container.new-composer.mid_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer { width: 237px; min-width: 237px; max-width: 237px; } .dropdown-container.new-composer.extra_large .dropdown-caption-container.new-composer { width: 197px; } .dropdown-container.new-composer.extra_large .dropdown-caption-container.new-composer .autocomplete-input { width: 147px; margin-left: 0px; } .dropdown-container.new-composer.extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer { width: 175px; min-width: 175px; max-width: 175px; } .dropdown-container.new-composer.extra_extra_large .dropdown-caption-container { width: 288px; } .dropdown-container.new-composer.extra_extra_large .dropdown-caption-container .autocomplete-input { width: 238px; } .dropdown-container.new-composer.extra_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer { min-width: 238px; max-width: 338px; } .dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-caption-container.new-composer { width: 400px; } .dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-caption-container.new-composer .autocomplete-input { width: 350px; margin-left: 0px; } .dropdown-container.new-composer.extra_extra_extra_extra_large .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer { max-width: 383px; } .new-composer.dropdown .dropdown-container { background-color: #424242; } .new-composer.dropdown .dropdown-container .dropdown-caption-container .autocomplete-input { margin-left: 5px; width: 100%; } .new-composer.dropdown .dropdown-container .dropdown-caption-container .dropdown-caption { color: white; width: 100%; margin-left: 5px; } .editor.basic .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption, .text-composer .dropdown-container.new-composer .dropdown-caption-container .dropdown-caption { padding: 0px; } .new-composer.disabled .dropdown-container { opacity: 0.5; } .new-composer.disabled .dropdown-container .dropdown-caption-container { cursor: default; } .role-div div.composer-textbox, .role-div div.new-composer:has(.MultilineTextBox), .role-div div.composer-checkbox:not([id]), .search-palette div.composer-textbox, .search-palette div.new-composer:has(.MultilineTextBox), .search-palette div.composer-checkbox:not([id]), .modal-popup div.composer-textbox, .modal-popup div.new-composer:has(.MultilineTextBox), .modal-popup div.composer-checkbox:not([id]), .option-set-wizard-background div.composer-textbox, .option-set-wizard-background div.new-composer:has(.MultilineTextBox), .option-set-wizard-background div.composer-checkbox:not([id]), .dbconnector div.composer-textbox, .dbconnector div.new-composer:has(.MultilineTextBox), .dbconnector div.composer-checkbox:not([id]), .light-design .state .condition div.composer-textbox, .light-design .state .condition div.new-composer:has(.MultilineTextBox), .light-design .state .condition div.composer-checkbox:not([id]), .plugin-editor div.composer-textbox, .plugin-editor div.new-composer:has(.MultilineTextBox), .plugin-editor div.composer-checkbox:not([id]), .settings-editor div.composer-textbox, .settings-editor div.new-composer:has(.MultilineTextBox), .settings-editor div.composer-checkbox:not([id]), .usertypeeditor div.composer-textbox, .usertypeeditor div.new-composer:has(.MultilineTextBox), .usertypeeditor div.composer-checkbox:not([id]), .filemanager div.composer-textbox, .filemanager div.new-composer:has(.MultilineTextBox), .filemanager div.composer-checkbox:not([id]), .styles-editor div.composer-textbox, .styles-editor div.new-composer:has(.MultilineTextBox), .styles-editor div.composer-checkbox:not([id]), .light-design .viewport .section div.composer-textbox, .light-design .viewport .section div.new-composer:has(.MultilineTextBox), .light-design .viewport .section div.composer-checkbox:not([id]), .logstab div.composer-textbox, .logstab div.new-composer:has(.MultilineTextBox), .logstab div.composer-checkbox:not([id]), .changelog-filter div.composer-textbox, .changelog-filter div.new-composer:has(.MultilineTextBox), .changelog-filter div.composer-checkbox:not([id]), .property-editor div.composer-textbox, .property-editor div.new-composer:has(.MultilineTextBox), .property-editor div.composer-checkbox:not([id]), .property-editor-composer div.composer-textbox, .property-editor-composer div.new-composer:has(.MultilineTextBox), .property-editor-composer div.composer-checkbox:not([id]) { background-color: unset; } .role-div div.composer-textbox:hover, .role-div div.composer-textbox:first-child:hover, .role-div div.new-composer:has(.MultilineTextBox):hover, .role-div div.new-composer:has(.MultilineTextBox):first-child:hover, .role-div div.composer-checkbox:not([id]):hover, .role-div div.composer-checkbox:not([id]):first-child:hover, .search-palette div.composer-textbox:hover, .search-palette div.composer-textbox:first-child:hover, .search-palette div.new-composer:has(.MultilineTextBox):hover, .search-palette div.new-composer:has(.MultilineTextBox):first-child:hover, .search-palette div.composer-checkbox:not([id]):hover, .search-palette div.composer-checkbox:not([id]):first-child:hover, .modal-popup div.composer-textbox:hover, .modal-popup div.composer-textbox:first-child:hover, .modal-popup div.new-composer:has(.MultilineTextBox):hover, .modal-popup div.new-composer:has(.MultilineTextBox):first-child:hover, .modal-popup div.composer-checkbox:not([id]):hover, .modal-popup div.composer-checkbox:not([id]):first-child:hover, .option-set-wizard-background div.composer-textbox:hover, .option-set-wizard-background div.composer-textbox:first-child:hover, .option-set-wizard-background div.new-composer:has(.MultilineTextBox):hover, .option-set-wizard-background div.new-composer:has(.MultilineTextBox):first-child:hover, .option-set-wizard-background div.composer-checkbox:not([id]):hover, .option-set-wizard-background div.composer-checkbox:not([id]):first-child:hover, .dbconnector div.composer-textbox:hover, .dbconnector div.composer-textbox:first-child:hover, .dbconnector div.new-composer:has(.MultilineTextBox):hover, .dbconnector div.new-composer:has(.MultilineTextBox):first-child:hover, .dbconnector div.composer-checkbox:not([id]):hover, .dbconnector div.composer-checkbox:not([id]):first-child:hover, .light-design .state .condition div.composer-textbox:hover, .light-design .state .condition div.composer-textbox:first-child:hover, .light-design .state .condition div.new-composer:has(.MultilineTextBox):hover, .light-design .state .condition div.new-composer:has(.MultilineTextBox):first-child:hover, .light-design .state .condition div.composer-checkbox:not([id]):hover, .light-design .state .condition div.composer-checkbox:not([id]):first-child:hover, .plugin-editor div.composer-textbox:hover, .plugin-editor div.composer-textbox:first-child:hover, .plugin-editor div.new-composer:has(.MultilineTextBox):hover, .plugin-editor div.new-composer:has(.MultilineTextBox):first-child:hover, .plugin-editor div.composer-checkbox:not([id]):hover, .plugin-editor div.composer-checkbox:not([id]):first-child:hover, .settings-editor div.composer-textbox:hover, .settings-editor div.composer-textbox:first-child:hover, .settings-editor div.new-composer:has(.MultilineTextBox):hover, .settings-editor div.new-composer:has(.MultilineTextBox):first-child:hover, .settings-editor div.composer-checkbox:not([id]):hover, .settings-editor div.composer-checkbox:not([id]):first-child:hover, .usertypeeditor div.composer-textbox:hover, .usertypeeditor div.composer-textbox:first-child:hover, .usertypeeditor div.new-composer:has(.MultilineTextBox):hover, .usertypeeditor div.new-composer:has(.MultilineTextBox):first-child:hover, .usertypeeditor div.composer-checkbox:not([id]):hover, .usertypeeditor div.composer-checkbox:not([id]):first-child:hover, .filemanager div.composer-textbox:hover, .filemanager div.composer-textbox:first-child:hover, .filemanager div.new-composer:has(.MultilineTextBox):hover, .filemanager div.new-composer:has(.MultilineTextBox):first-child:hover, .filemanager div.composer-checkbox:not([id]):hover, .filemanager div.composer-checkbox:not([id]):first-child:hover, .styles-editor div.composer-textbox:hover, .styles-editor div.composer-textbox:first-child:hover, .styles-editor div.new-composer:has(.MultilineTextBox):hover, .styles-editor div.new-composer:has(.MultilineTextBox):first-child:hover, .styles-editor div.composer-checkbox:not([id]):hover, .styles-editor div.composer-checkbox:not([id]):first-child:hover, .light-design .viewport .section div.composer-textbox:hover, .light-design .viewport .section div.composer-textbox:first-child:hover, .light-design .viewport .section div.new-composer:has(.MultilineTextBox):hover, .light-design .viewport .section div.new-composer:has(.MultilineTextBox):first-child:hover, .light-design .viewport .section div.composer-checkbox:not([id]):hover, .light-design .viewport .section div.composer-checkbox:not([id]):first-child:hover, .logstab div.composer-textbox:hover, .logstab div.composer-textbox:first-child:hover, .logstab div.new-composer:has(.MultilineTextBox):hover, .logstab div.new-composer:has(.MultilineTextBox):first-child:hover, .logstab div.composer-checkbox:not([id]):hover, .logstab div.composer-checkbox:not([id]):first-child:hover, .changelog-filter div.composer-textbox:hover, .changelog-filter div.composer-textbox:first-child:hover, .changelog-filter div.new-composer:has(.MultilineTextBox):hover, .changelog-filter div.new-composer:has(.MultilineTextBox):first-child:hover, .changelog-filter div.composer-checkbox:not([id]):hover, .changelog-filter div.composer-checkbox:not([id]):first-child:hover, .property-editor div.composer-textbox:hover, .property-editor div.composer-textbox:first-child:hover, .property-editor div.new-composer:has(.MultilineTextBox):hover, .property-editor div.new-composer:has(.MultilineTextBox):first-child:hover, .property-editor div.composer-checkbox:not([id]):hover, .property-editor div.composer-checkbox:not([id]):first-child:hover, .property-editor-composer div.composer-textbox:hover, .property-editor-composer div.composer-textbox:first-child:hover, .property-editor-composer div.new-composer:has(.MultilineTextBox):hover, .property-editor-composer div.new-composer:has(.MultilineTextBox):first-child:hover, .property-editor-composer div.composer-checkbox:not([id]):hover, .property-editor-composer div.composer-checkbox:not([id]):first-child:hover { background-color: unset; } .role-div .composer-dropdown .composer-container, .role-div .new-composer, .search-palette .composer-dropdown .composer-container, .search-palette .new-composer, .modal-popup .composer-dropdown .composer-container, .modal-popup .new-composer, .option-set-wizard-background .composer-dropdown .composer-container, .option-set-wizard-background .new-composer, .dbconnector .composer-dropdown .composer-container, .dbconnector .new-composer, .light-design .state .condition .composer-dropdown .composer-container, .light-design .state .condition .new-composer, .plugin-editor .composer-dropdown .composer-container, .plugin-editor .new-composer, .settings-editor .composer-dropdown .composer-container, .settings-editor .new-composer, .usertypeeditor .composer-dropdown .composer-container, .usertypeeditor .new-composer, .filemanager .composer-dropdown .composer-container, .filemanager .new-composer, .styles-editor .composer-dropdown .composer-container, .styles-editor .new-composer, .light-design .viewport .section .composer-dropdown .composer-container, .light-design .viewport .section .new-composer, .logstab .composer-dropdown .composer-container, .logstab .new-composer, .changelog-filter .composer-dropdown .composer-container, .changelog-filter .new-composer, .property-editor .composer-dropdown .composer-container, .property-editor .new-composer, .property-editor-composer .composer-dropdown .composer-container, .property-editor-composer .new-composer { background-color: white; } .role-div .composer-dropdown .composer-container:hover, .role-div .composer-dropdown .composer-container:first-child:hover, .role-div .new-composer:hover, .role-div .new-composer:first-child:hover, .search-palette .composer-dropdown .composer-container:hover, .search-palette .composer-dropdown .composer-container:first-child:hover, .search-palette .new-composer:hover, .search-palette .new-composer:first-child:hover, .modal-popup .composer-dropdown .composer-container:hover, .modal-popup .composer-dropdown .composer-container:first-child:hover, .modal-popup .new-composer:hover, .modal-popup .new-composer:first-child:hover, .option-set-wizard-background .composer-dropdown .composer-container:hover, .option-set-wizard-background .composer-dropdown .composer-container:first-child:hover, .option-set-wizard-background .new-composer:hover, .option-set-wizard-background .new-composer:first-child:hover, .dbconnector .composer-dropdown .composer-container:hover, .dbconnector .composer-dropdown .composer-container:first-child:hover, .dbconnector .new-composer:hover, .dbconnector .new-composer:first-child:hover, .light-design .state .condition .composer-dropdown .composer-container:hover, .light-design .state .condition .composer-dropdown .composer-container:first-child:hover, .light-design .state .condition .new-composer:hover, .light-design .state .condition .new-composer:first-child:hover, .plugin-editor .composer-dropdown .composer-container:hover, .plugin-editor .composer-dropdown .composer-container:first-child:hover, .plugin-editor .new-composer:hover, .plugin-editor .new-composer:first-child:hover, .settings-editor .composer-dropdown .composer-container:hover, .settings-editor .composer-dropdown .composer-container:first-child:hover, .settings-editor .new-composer:hover, .settings-editor .new-composer:first-child:hover, .usertypeeditor .composer-dropdown .composer-container:hover, .usertypeeditor .composer-dropdown .composer-container:first-child:hover, .usertypeeditor .new-composer:hover, .usertypeeditor .new-composer:first-child:hover, .filemanager .composer-dropdown .composer-container:hover, .filemanager .composer-dropdown .composer-container:first-child:hover, .filemanager .new-composer:hover, .filemanager .new-composer:first-child:hover, .styles-editor .composer-dropdown .composer-container:hover, .styles-editor .composer-dropdown .composer-container:first-child:hover, .styles-editor .new-composer:hover, .styles-editor .new-composer:first-child:hover, .light-design .viewport .section .composer-dropdown .composer-container:hover, .light-design .viewport .section .composer-dropdown .composer-container:first-child:hover, .light-design .viewport .section .new-composer:hover, .light-design .viewport .section .new-composer:first-child:hover, .logstab .composer-dropdown .composer-container:hover, .logstab .composer-dropdown .composer-container:first-child:hover, .logstab .new-composer:hover, .logstab .new-composer:first-child:hover, .changelog-filter .composer-dropdown .composer-container:hover, .changelog-filter .composer-dropdown .composer-container:first-child:hover, .changelog-filter .new-composer:hover, .changelog-filter .new-composer:first-child:hover, .property-editor .composer-dropdown .composer-container:hover, .property-editor .composer-dropdown .composer-container:first-child:hover, .property-editor .new-composer:hover, .property-editor .new-composer:first-child:hover, .property-editor-composer .composer-dropdown .composer-container:hover, .property-editor-composer .composer-dropdown .composer-container:first-child:hover, .property-editor-composer .new-composer:hover, .property-editor-composer .new-composer:first-child:hover { background-color: white; } .role-div .composer-dropdown .composer-container .composer-color, .role-div .new-composer .composer-color, .search-palette .composer-dropdown .composer-container .composer-color, .search-palette .new-composer .composer-color, .modal-popup .composer-dropdown .composer-container .composer-color, .modal-popup .new-composer .composer-color, .option-set-wizard-background .composer-dropdown .composer-container .composer-color, .option-set-wizard-background .new-composer .composer-color, .dbconnector .composer-dropdown .composer-container .composer-color, .dbconnector .new-composer .composer-color, .light-design .state .condition .composer-dropdown .composer-container .composer-color, .light-design .state .condition .new-composer .composer-color, .plugin-editor .composer-dropdown .composer-container .composer-color, .plugin-editor .new-composer .composer-color, .settings-editor .composer-dropdown .composer-container .composer-color, .settings-editor .new-composer .composer-color, .usertypeeditor .composer-dropdown .composer-container .composer-color, .usertypeeditor .new-composer .composer-color, .filemanager .composer-dropdown .composer-container .composer-color, .filemanager .new-composer .composer-color, .styles-editor .composer-dropdown .composer-container .composer-color, .styles-editor .new-composer .composer-color, .light-design .viewport .section .composer-dropdown .composer-container .composer-color, .light-design .viewport .section .new-composer .composer-color, .logstab .composer-dropdown .composer-container .composer-color, .logstab .new-composer .composer-color, .changelog-filter .composer-dropdown .composer-container .composer-color, .changelog-filter .new-composer .composer-color, .property-editor .composer-dropdown .composer-container .composer-color, .property-editor .new-composer .composer-color, .property-editor-composer .composer-dropdown .composer-container .composer-color, .property-editor-composer .new-composer .composer-color { border: 1px solid #dedede; border-radius: 4px; font-size: 14px; } .role-div .composer-dropdown .composer-container .composer-color.selected, .role-div .new-composer .composer-color.selected, .search-palette .composer-dropdown .composer-container .composer-color.selected, .search-palette .new-composer .composer-color.selected, .modal-popup .composer-dropdown .composer-container .composer-color.selected, .modal-popup .new-composer .composer-color.selected, .option-set-wizard-background .composer-dropdown .composer-container .composer-color.selected, .option-set-wizard-background .new-composer .composer-color.selected, .dbconnector .composer-dropdown .composer-container .composer-color.selected, .dbconnector .new-composer .composer-color.selected, .light-design .state .condition .composer-dropdown .composer-container .composer-color.selected, .light-design .state .condition .new-composer .composer-color.selected, .plugin-editor .composer-dropdown .composer-container .composer-color.selected, .plugin-editor .new-composer .composer-color.selected, .settings-editor .composer-dropdown .composer-container .composer-color.selected, .settings-editor .new-composer .composer-color.selected, .usertypeeditor .composer-dropdown .composer-container .composer-color.selected, .usertypeeditor .new-composer .composer-color.selected, .filemanager .composer-dropdown .composer-container .composer-color.selected, .filemanager .new-composer .composer-color.selected, .styles-editor .composer-dropdown .composer-container .composer-color.selected, .styles-editor .new-composer .composer-color.selected, .light-design .viewport .section .composer-dropdown .composer-container .composer-color.selected, .light-design .viewport .section .new-composer .composer-color.selected, .logstab .composer-dropdown .composer-container .composer-color.selected, .logstab .new-composer .composer-color.selected, .changelog-filter .composer-dropdown .composer-container .composer-color.selected, .changelog-filter .new-composer .composer-color.selected, .property-editor .composer-dropdown .composer-container .composer-color.selected, .property-editor .new-composer .composer-color.selected, .property-editor-composer .composer-dropdown .composer-container .composer-color.selected, .property-editor-composer .new-composer .composer-color.selected { border: 1px solid #0205d3; } .role-div .composer-dropdown .composer-container .composer-color .color-input, .role-div .new-composer .composer-color .color-input, .search-palette .composer-dropdown .composer-container .composer-color .color-input, .search-palette .new-composer .composer-color .color-input, .modal-popup .composer-dropdown .composer-container .composer-color .color-input, .modal-popup .new-composer .composer-color .color-input, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .color-input, .option-set-wizard-background .new-composer .composer-color .color-input, .dbconnector .composer-dropdown .composer-container .composer-color .color-input, .dbconnector .new-composer .composer-color .color-input, .light-design .state .condition .composer-dropdown .composer-container .composer-color .color-input, .light-design .state .condition .new-composer .composer-color .color-input, .plugin-editor .composer-dropdown .composer-container .composer-color .color-input, .plugin-editor .new-composer .composer-color .color-input, .settings-editor .composer-dropdown .composer-container .composer-color .color-input, .settings-editor .new-composer .composer-color .color-input, .usertypeeditor .composer-dropdown .composer-container .composer-color .color-input, .usertypeeditor .new-composer .composer-color .color-input, .filemanager .composer-dropdown .composer-container .composer-color .color-input, .filemanager .new-composer .composer-color .color-input, .styles-editor .composer-dropdown .composer-container .composer-color .color-input, .styles-editor .new-composer .composer-color .color-input, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .color-input, .light-design .viewport .section .new-composer .composer-color .color-input, .logstab .composer-dropdown .composer-container .composer-color .color-input, .logstab .new-composer .composer-color .color-input, .changelog-filter .composer-dropdown .composer-container .composer-color .color-input, .changelog-filter .new-composer .composer-color .color-input, .property-editor .composer-dropdown .composer-container .composer-color .color-input, .property-editor .new-composer .composer-color .color-input, .property-editor-composer .composer-dropdown .composer-container .composer-color .color-input, .property-editor-composer .new-composer .composer-color .color-input { color: #000000; } .role-div .composer-dropdown .composer-container .composer-color .color-swatch, .role-div .new-composer .composer-color .color-swatch, .search-palette .composer-dropdown .composer-container .composer-color .color-swatch, .search-palette .new-composer .composer-color .color-swatch, .modal-popup .composer-dropdown .composer-container .composer-color .color-swatch, .modal-popup .new-composer .composer-color .color-swatch, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .color-swatch, .option-set-wizard-background .new-composer .composer-color .color-swatch, .dbconnector .composer-dropdown .composer-container .composer-color .color-swatch, .dbconnector .new-composer .composer-color .color-swatch, .light-design .state .condition .composer-dropdown .composer-container .composer-color .color-swatch, .light-design .state .condition .new-composer .composer-color .color-swatch, .plugin-editor .composer-dropdown .composer-container .composer-color .color-swatch, .plugin-editor .new-composer .composer-color .color-swatch, .settings-editor .composer-dropdown .composer-container .composer-color .color-swatch, .settings-editor .new-composer .composer-color .color-swatch, .usertypeeditor .composer-dropdown .composer-container .composer-color .color-swatch, .usertypeeditor .new-composer .composer-color .color-swatch, .filemanager .composer-dropdown .composer-container .composer-color .color-swatch, .filemanager .new-composer .composer-color .color-swatch, .styles-editor .composer-dropdown .composer-container .composer-color .color-swatch, .styles-editor .new-composer .composer-color .color-swatch, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .color-swatch, .light-design .viewport .section .new-composer .composer-color .color-swatch, .logstab .composer-dropdown .composer-container .composer-color .color-swatch, .logstab .new-composer .composer-color .color-swatch, .changelog-filter .composer-dropdown .composer-container .composer-color .color-swatch, .changelog-filter .new-composer .composer-color .color-swatch, .property-editor .composer-dropdown .composer-container .composer-color .color-swatch, .property-editor .new-composer .composer-color .color-swatch, .property-editor-composer .composer-dropdown .composer-container .composer-color .color-swatch, .property-editor-composer .new-composer .composer-color .color-swatch { outline: 1px solid #dedede; } .role-div .composer-dropdown .composer-container .composer-color.swatch-last, .role-div .new-composer .composer-color.swatch-last, .search-palette .composer-dropdown .composer-container .composer-color.swatch-last, .search-palette .new-composer .composer-color.swatch-last, .modal-popup .composer-dropdown .composer-container .composer-color.swatch-last, .modal-popup .new-composer .composer-color.swatch-last, .option-set-wizard-background .composer-dropdown .composer-container .composer-color.swatch-last, .option-set-wizard-background .new-composer .composer-color.swatch-last, .dbconnector .composer-dropdown .composer-container .composer-color.swatch-last, .dbconnector .new-composer .composer-color.swatch-last, .light-design .state .condition .composer-dropdown .composer-container .composer-color.swatch-last, .light-design .state .condition .new-composer .composer-color.swatch-last, .plugin-editor .composer-dropdown .composer-container .composer-color.swatch-last, .plugin-editor .new-composer .composer-color.swatch-last, .settings-editor .composer-dropdown .composer-container .composer-color.swatch-last, .settings-editor .new-composer .composer-color.swatch-last, .usertypeeditor .composer-dropdown .composer-container .composer-color.swatch-last, .usertypeeditor .new-composer .composer-color.swatch-last, .filemanager .composer-dropdown .composer-container .composer-color.swatch-last, .filemanager .new-composer .composer-color.swatch-last, .styles-editor .composer-dropdown .composer-container .composer-color.swatch-last, .styles-editor .new-composer .composer-color.swatch-last, .light-design .viewport .section .composer-dropdown .composer-container .composer-color.swatch-last, .light-design .viewport .section .new-composer .composer-color.swatch-last, .logstab .composer-dropdown .composer-container .composer-color.swatch-last, .logstab .new-composer .composer-color.swatch-last, .changelog-filter .composer-dropdown .composer-container .composer-color.swatch-last, .changelog-filter .new-composer .composer-color.swatch-last, .property-editor .composer-dropdown .composer-container .composer-color.swatch-last, .property-editor .new-composer .composer-color.swatch-last, .property-editor-composer .composer-dropdown .composer-container .composer-color.swatch-last, .property-editor-composer .new-composer .composer-color.swatch-last { width: 110px; padding-left: 12px; padding-right: 2px; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker, .role-div .new-composer .composer-color .a-color-picker, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker, .search-palette .new-composer .composer-color .a-color-picker, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker, .modal-popup .new-composer .composer-color .a-color-picker, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker, .option-set-wizard-background .new-composer .composer-color .a-color-picker, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker, .dbconnector .new-composer .composer-color .a-color-picker, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker, .light-design .state .condition .new-composer .composer-color .a-color-picker, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker, .plugin-editor .new-composer .composer-color .a-color-picker, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker, .settings-editor .new-composer .composer-color .a-color-picker, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker, .usertypeeditor .new-composer .composer-color .a-color-picker, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker, .filemanager .new-composer .composer-color .a-color-picker, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker, .styles-editor .new-composer .composer-color .a-color-picker, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker, .light-design .viewport .section .new-composer .composer-color .a-color-picker, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker, .logstab .new-composer .composer-color .a-color-picker, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker, .changelog-filter .new-composer .composer-color .a-color-picker, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker, .property-editor .new-composer .composer-color .a-color-picker, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker, .property-editor-composer .new-composer .composer-color .a-color-picker { background-color: #fafafa; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha { background-color: white; border: 1px solid #dedede !important; color: #000000 !important; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input input, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input input, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha input { font-size: 12px; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #000000; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within { border: 1px solid #0205d3 !important; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input:focus-within::placeholder, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha:focus-within::placeholder { color: #000000; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .hex-input::placeholder, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .NumberBox.alpha::placeholder { color: #899ea5; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-text, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-text { color: #000000; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .palette-title-link:hover { color: #899ea5; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color { border-color: #dedede; } .role-div .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .role-div .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .search-palette .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .search-palette .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .modal-popup .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .modal-popup .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .option-set-wizard-background .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .option-set-wizard-background .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .dbconnector .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .dbconnector .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .light-design .state .condition .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .light-design .state .condition .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .plugin-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .plugin-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .settings-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .settings-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .usertypeeditor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .usertypeeditor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .filemanager .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .filemanager .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .styles-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .styles-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .light-design .viewport .section .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .light-design .viewport .section .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .logstab .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .logstab .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .changelog-filter .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .changelog-filter .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .property-editor .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .property-editor .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .property-editor-composer .composer-dropdown .composer-container .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen, .property-editor-composer .new-composer .composer-color .a-color-picker .a-color-picker-row .a-color-picker-palette-color.token-chosen { border-color: #0205d3; } .role-div .new-composer.expression-composer, .role-div .new-composer.long-text-composer, .role-div .new-composer.short-text-composer, .search-palette .new-composer.expression-composer, .search-palette .new-composer.long-text-composer, .search-palette .new-composer.short-text-composer, .modal-popup .new-composer.expression-composer, .modal-popup .new-composer.long-text-composer, .modal-popup .new-composer.short-text-composer, .option-set-wizard-background .new-composer.expression-composer, .option-set-wizard-background .new-composer.long-text-composer, .option-set-wizard-background .new-composer.short-text-composer, .dbconnector .new-composer.expression-composer, .dbconnector .new-composer.long-text-composer, .dbconnector .new-composer.short-text-composer, .light-design .state .condition .new-composer.expression-composer, .light-design .state .condition .new-composer.long-text-composer, .light-design .state .condition .new-composer.short-text-composer, .plugin-editor .new-composer.expression-composer, .plugin-editor .new-composer.long-text-composer, .plugin-editor .new-composer.short-text-composer, .settings-editor .new-composer.expression-composer, .settings-editor .new-composer.long-text-composer, .settings-editor .new-composer.short-text-composer, .usertypeeditor .new-composer.expression-composer, .usertypeeditor .new-composer.long-text-composer, .usertypeeditor .new-composer.short-text-composer, .filemanager .new-composer.expression-composer, .filemanager .new-composer.long-text-composer, .filemanager .new-composer.short-text-composer, .styles-editor .new-composer.expression-composer, .styles-editor .new-composer.long-text-composer, .styles-editor .new-composer.short-text-composer, .light-design .viewport .section .new-composer.expression-composer, .light-design .viewport .section .new-composer.long-text-composer, .light-design .viewport .section .new-composer.short-text-composer, .logstab .new-composer.expression-composer, .logstab .new-composer.long-text-composer, .logstab .new-composer.short-text-composer, .changelog-filter .new-composer.expression-composer, .changelog-filter .new-composer.long-text-composer, .changelog-filter .new-composer.short-text-composer, .property-editor .new-composer.expression-composer, .property-editor .new-composer.long-text-composer, .property-editor .new-composer.short-text-composer, .property-editor-composer .new-composer.expression-composer, .property-editor-composer .new-composer.long-text-composer, .property-editor-composer .new-composer.short-text-composer { background-color: white; } .role-div .new-composer.expression-composer .expression-composer-container, .role-div .new-composer.long-text-composer .expression-composer-container, .role-div .new-composer.short-text-composer .expression-composer-container, .search-palette .new-composer.expression-composer .expression-composer-container, .search-palette .new-composer.long-text-composer .expression-composer-container, .search-palette .new-composer.short-text-composer .expression-composer-container, .modal-popup .new-composer.expression-composer .expression-composer-container, .modal-popup .new-composer.long-text-composer .expression-composer-container, .modal-popup .new-composer.short-text-composer .expression-composer-container, .option-set-wizard-background .new-composer.expression-composer .expression-composer-container, .option-set-wizard-background .new-composer.long-text-composer .expression-composer-container, .option-set-wizard-background .new-composer.short-text-composer .expression-composer-container, .dbconnector .new-composer.expression-composer .expression-composer-container, .dbconnector .new-composer.long-text-composer .expression-composer-container, .dbconnector .new-composer.short-text-composer .expression-composer-container, .light-design .state .condition .new-composer.expression-composer .expression-composer-container, .light-design .state .condition .new-composer.long-text-composer .expression-composer-container, .light-design .state .condition .new-composer.short-text-composer .expression-composer-container, .plugin-editor .new-composer.expression-composer .expression-composer-container, .plugin-editor .new-composer.long-text-composer .expression-composer-container, .plugin-editor .new-composer.short-text-composer .expression-composer-container, .settings-editor .new-composer.expression-composer .expression-composer-container, .settings-editor .new-composer.long-text-composer .expression-composer-container, .settings-editor .new-composer.short-text-composer .expression-composer-container, .usertypeeditor .new-composer.expression-composer .expression-composer-container, .usertypeeditor .new-composer.long-text-composer .expression-composer-container, .usertypeeditor .new-composer.short-text-composer .expression-composer-container, .filemanager .new-composer.expression-composer .expression-composer-container, .filemanager .new-composer.long-text-composer .expression-composer-container, .filemanager .new-composer.short-text-composer .expression-composer-container, .styles-editor .new-composer.expression-composer .expression-composer-container, .styles-editor .new-composer.long-text-composer .expression-composer-container, .styles-editor .new-composer.short-text-composer .expression-composer-container, .light-design .viewport .section .new-composer.expression-composer .expression-composer-container, .light-design .viewport .section .new-composer.long-text-composer .expression-composer-container, .light-design .viewport .section .new-composer.short-text-composer .expression-composer-container, .logstab .new-composer.expression-composer .expression-composer-container, .logstab .new-composer.long-text-composer .expression-composer-container, .logstab .new-composer.short-text-composer .expression-composer-container, .changelog-filter .new-composer.expression-composer .expression-composer-container, .changelog-filter .new-composer.long-text-composer .expression-composer-container, .changelog-filter .new-composer.short-text-composer .expression-composer-container, .property-editor .new-composer.expression-composer .expression-composer-container, .property-editor .new-composer.long-text-composer .expression-composer-container, .property-editor .new-composer.short-text-composer .expression-composer-container, .property-editor-composer .new-composer.expression-composer .expression-composer-container, .property-editor-composer .new-composer.long-text-composer .expression-composer-container, .property-editor-composer .new-composer.short-text-composer .expression-composer-container { --edit_color: #000000 !important; --error_color: #cc053a !important; --resolved_color: #0205d3 !important; --base_color: #dedede !important; --empty_color: #000000 !important; --border_color: transparent !important; --color-1: #17e5a5; --color-2: #e56e17; --color-3: #b217e5; --color-4: #17cae5; --color-5: #e5d117; --color-6: #e517b2; --color-7: #1782e5; } .role-div .new-composer.expression-composer .expression-composer-container.hovered, .role-div .new-composer.long-text-composer .expression-composer-container.hovered, .role-div .new-composer.short-text-composer .expression-composer-container.hovered, .search-palette .new-composer.expression-composer .expression-composer-container.hovered, .search-palette .new-composer.long-text-composer .expression-composer-container.hovered, .search-palette .new-composer.short-text-composer .expression-composer-container.hovered, .modal-popup .new-composer.expression-composer .expression-composer-container.hovered, .modal-popup .new-composer.long-text-composer .expression-composer-container.hovered, .modal-popup .new-composer.short-text-composer .expression-composer-container.hovered, .option-set-wizard-background .new-composer.expression-composer .expression-composer-container.hovered, .option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.hovered, .option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.hovered, .dbconnector .new-composer.expression-composer .expression-composer-container.hovered, .dbconnector .new-composer.long-text-composer .expression-composer-container.hovered, .dbconnector .new-composer.short-text-composer .expression-composer-container.hovered, .light-design .state .condition .new-composer.expression-composer .expression-composer-container.hovered, .light-design .state .condition .new-composer.long-text-composer .expression-composer-container.hovered, .light-design .state .condition .new-composer.short-text-composer .expression-composer-container.hovered, .plugin-editor .new-composer.expression-composer .expression-composer-container.hovered, .plugin-editor .new-composer.long-text-composer .expression-composer-container.hovered, .plugin-editor .new-composer.short-text-composer .expression-composer-container.hovered, .settings-editor .new-composer.expression-composer .expression-composer-container.hovered, .settings-editor .new-composer.long-text-composer .expression-composer-container.hovered, .settings-editor .new-composer.short-text-composer .expression-composer-container.hovered, .usertypeeditor .new-composer.expression-composer .expression-composer-container.hovered, .usertypeeditor .new-composer.long-text-composer .expression-composer-container.hovered, .usertypeeditor .new-composer.short-text-composer .expression-composer-container.hovered, .filemanager .new-composer.expression-composer .expression-composer-container.hovered, .filemanager .new-composer.long-text-composer .expression-composer-container.hovered, .filemanager .new-composer.short-text-composer .expression-composer-container.hovered, .styles-editor .new-composer.expression-composer .expression-composer-container.hovered, .styles-editor .new-composer.long-text-composer .expression-composer-container.hovered, .styles-editor .new-composer.short-text-composer .expression-composer-container.hovered, .light-design .viewport .section .new-composer.expression-composer .expression-composer-container.hovered, .light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.hovered, .light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.hovered, .logstab .new-composer.expression-composer .expression-composer-container.hovered, .logstab .new-composer.long-text-composer .expression-composer-container.hovered, .logstab .new-composer.short-text-composer .expression-composer-container.hovered, .changelog-filter .new-composer.expression-composer .expression-composer-container.hovered, .changelog-filter .new-composer.long-text-composer .expression-composer-container.hovered, .changelog-filter .new-composer.short-text-composer .expression-composer-container.hovered, .property-editor .new-composer.expression-composer .expression-composer-container.hovered, .property-editor .new-composer.long-text-composer .expression-composer-container.hovered, .property-editor .new-composer.short-text-composer .expression-composer-container.hovered, .property-editor-composer .new-composer.expression-composer .expression-composer-container.hovered, .property-editor-composer .new-composer.long-text-composer .expression-composer-container.hovered, .property-editor-composer .new-composer.short-text-composer .expression-composer-container.hovered { background-color: white; } .role-div .new-composer.expression-composer .expression-composer-container.something-highlighted, .role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted, .role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted, .search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted, .search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted, .search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted, .modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted, .modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted, .modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted, .option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted, .option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted, .option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted, .dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted, .dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted, .dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted, .light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted, .light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted, .light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted, .plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted, .plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted, .plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted, .settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted, .settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted, .settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted, .usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted, .usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted, .usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted, .filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted, .filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted, .filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted, .styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted, .styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted, .styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted, .light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted, .light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted, .light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted, .logstab .new-composer.expression-composer .expression-composer-container.something-highlighted, .logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted, .logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted, .changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted, .changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted, .changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted, .property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted, .property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted, .property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted, .property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted, .property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted, .property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted { --edit_color: rgba(0, 0, 0, 0.6) !important; --error_color: rgba(204, 5, 58, 0.6) !important; --resolved_color: rgba(2, 5, 211, 0.6) !important; --base_color: rgba(222, 222, 222, 0.6) !important; --empty_color: rgba(0, 0, 0, 0.6) !important; } .role-div .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .role-div .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .role-div .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .role-div .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .search-palette .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .search-palette .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .search-palette .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .modal-popup .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .modal-popup .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .modal-popup .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .option-set-wizard-background .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .option-set-wizard-background .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .option-set-wizard-background .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .dbconnector .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .dbconnector .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .dbconnector .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .state .condition .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .state .condition .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .state .condition .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .plugin-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .plugin-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .plugin-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .settings-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .settings-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .settings-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .usertypeeditor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .usertypeeditor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .usertypeeditor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .filemanager .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .filemanager .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .filemanager .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .styles-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .styles-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .styles-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .viewport .section .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .viewport .section .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .light-design .viewport .section .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .logstab .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .logstab .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .logstab .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .logstab .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .changelog-filter .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .changelog-filter .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .changelog-filter .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted, .property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor-composer .new-composer.expression-composer .expression-composer-container.something-highlighted .highlighted, .property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor-composer .new-composer.long-text-composer .expression-composer-container.something-highlighted .highlighted, .property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted .subexpression.parent-highlighted, .property-editor-composer .new-composer.short-text-composer .expression-composer-container.something-highlighted .highlighted { --edit_color: #000000 !important; --error_color: #cc053a !important; --resolved_color: #0205d3 !important; --base_color: #dedede !important; --empty_color: #000000 !important; --border_color: #dedede !important; } .role-div .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .role-div .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .role-div .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .search-palette .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .search-palette .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .search-palette .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .modal-popup .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .modal-popup .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .modal-popup .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .option-set-wizard-background .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .option-set-wizard-background .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .option-set-wizard-background .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .dbconnector .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .dbconnector .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .dbconnector .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .state .condition .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .state .condition .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .state .condition .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .plugin-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .plugin-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .plugin-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .settings-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .settings-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .settings-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .usertypeeditor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .usertypeeditor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .usertypeeditor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .filemanager .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .filemanager .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .filemanager .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .styles-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .styles-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .styles-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .viewport .section .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .viewport .section .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .light-design .viewport .section .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .logstab .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .logstab .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .logstab .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .changelog-filter .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .changelog-filter .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .changelog-filter .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor-composer .new-composer.expression-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor-composer .new-composer.long-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption, .property-editor-composer .new-composer.short-text-composer .dropdown-container:not(.opened):not(:focus):not(.placeholder-last-atom) .dropdown-caption-container.insert:hover:not(.mandatory) .dropdown-caption { background-color: white; } .role-div .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .role-div .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .role-div .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .search-palette .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .search-palette .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .search-palette .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .modal-popup .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .modal-popup .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .modal-popup .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .option-set-wizard-background .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .option-set-wizard-background .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .option-set-wizard-background .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .dbconnector .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .dbconnector .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .dbconnector .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .state .condition .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .state .condition .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .state .condition .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .plugin-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .plugin-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .plugin-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .settings-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .settings-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .settings-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .usertypeeditor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .usertypeeditor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .usertypeeditor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .filemanager .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .filemanager .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .filemanager .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .styles-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .styles-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .styles-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .viewport .section .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .viewport .section .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .light-design .viewport .section .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .logstab .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .logstab .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .logstab .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .changelog-filter .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .changelog-filter .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .changelog-filter .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor-composer .new-composer.expression-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor-composer .new-composer.long-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before, .property-editor-composer .new-composer.short-text-composer .dropdown-container:not(.opened):focus.show-cursor .dropdown-caption-container::before { background-color: white; } .role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container), .property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) { font-size: 14px; padding: 0px; } .role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption, .property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption { color: #000000; padding: 0px; line-height: 18px; } .role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty, .property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .dropdown-caption.empty { margin-left: 2px; } .role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input, .property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input { color: #000000; } .role-div .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .search-palette .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .modal-popup .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .dbconnector .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .light-design .state .condition .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .plugin-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .settings-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .usertypeeditor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .filemanager .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .styles-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .light-design .viewport .section .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .logstab .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .changelog-filter .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .property-editor .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus, .property-editor-composer .dropdown-container.new-composer .dropdown-caption-container:not(.custom-caption .dropdown-caption-container) .autocomplete-input:focus { border: none !important; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container { background-color: white; border: 0.5px solid #d9d9d9; border-radius: 4px; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section { border-top: 1px solid #dedede; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:last-child { border-bottom: none; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section:first-child { border-top: none; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title { color: rgba(0, 0, 0, 0.6); } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered { background-color: #f9f9f9; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item { color: black; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.selected .dropdown-item { color: #0205d3; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) { background-color: #f9f9f9; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) .dropdown-item { background-color: #f9f9f9; } .role-div .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .search-palette .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .modal-popup .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .dbconnector .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .light-design .state .condition .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .plugin-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .settings-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .usertypeeditor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .filemanager .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .styles-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .light-design .viewport .section .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .logstab .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .changelog-filter .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .property-editor .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete, .property-editor-composer .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete { color: #000000; } .composer-dropdown .composer-container { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: white; } .composer-dropdown .composer-container:hover, .composer-dropdown .composer-container:first-child:hover { background-color: #424242; } .composer-dropdown .composer-container.composer-dropdown-extrashort .dropdown-caption-container.new-composer, .composer-dropdown .composer-container.composer-dropdown-extra_short .dropdown-caption-container.new-composer { width: 27px; text-align: center; } .composer-dropdown .composer-container.composer-dropdown-extrashort .dropdown-container.new-composer.extra_short .dropdown-caption-container.new-composer, .composer-dropdown .composer-container.composer-dropdown-extra_short .dropdown-container.new-composer.extra_short .dropdown-caption-container.new-composer { width: 48px; text-align: center; } .composer-dropdown .composer-container.composer-dropdown-short:not(.full-width) .dropdown-caption-container.new-composer { width: 85px; text-align: center; } .composer-dropdown .composer-container.composer-dropdown-medium:not(.full-width) .dropdown-caption-container.new-composer { width: 80px; } .composer-dropdown .composer-container.composer-dropdown-extra_large:not(.full-width) .dropdown-caption-container.new-composer { width: 192px; } .composer-dropdown .composer-container.composer-dropdown-medium-large:not(.full-width) .dropdown-caption-container.new-composer { width: 103px; } .composer-dropdown .composer-container.composer-dropdown-medium-medium-large:not(.full-width) .dropdown-caption-container.new-composer { width: 127px; } .composer-dropdown .composer-container.composer-dropdown-medium-large-large:not(.full-width) .dropdown-caption-container.new-composer { width: 138px; } .composer-dropdown .composer-container.composer-dropdown-long:not(.full-width) .dropdown-caption-container.new-composer { width: 168px; } .composer-dropdown .composer-container.composer-dropdown-mid_extra_large:not(.full-width) .dropdown-caption-container.new-composer { width: 254px; } .composer-dropdown .composer-container.composer-dropdown-extra_extra_large:not(.full-width) .dropdown-caption-container.new-composer { width: 298px; } .composer-dropdown .composer-container.composer-dropdown-extra_extra_extra_extra_large:not(.full-width) .dropdown-caption-container.new-composer { width: 400px; } .composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer { width: 100%; } .composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer .dropdown-caption, .composer-dropdown .composer-container.new-composer.full-width .dropdown-caption-container.new-composer .autocomplete-input { overflow: clip; text-overflow: ellipsis; width: calc(100% - 20px); } .composer-dropdown .composer-container.new-composer.full-width .dropdown-container.new-composer .dropdown-items-positioner.new-composer .dropdown-items-container.new-composer .items-inner-container .dropdown-item-container .dropdown-item.new-composer:not(.grid-dropdown) { width: 100%; max-width: 400px; min-width: 151px; } .composer-dropdown .composer-container.mandatory.empty .dropdown-caption-container.new-composer { border: 1px solid #f91d56; } .composer-dropdown .composer-container .dropdown-caption-container.new-composer { display: flex; justify-content: space-between; height: 30px; padding: 6px 0px 6px 7px; width: 165px; border: 1px solid transparent; border-radius: 1px; background-color: #525759; } .composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited { background-color: rgba(82, 87, 89, 0.24); } .composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited:hover, .composer-dropdown .composer-container .dropdown-caption-container.new-composer.inherited:focus { background-color: #424242; } .composer-dropdown .composer-container .dropdown-caption-container.new-composer .dropdown-caption { height: 18px; line-height: 18px; padding: 0px; } .composer-dropdown .composer-container .dropdown-caption-container.new-composer .autocomplete-input { border: none; padding: 0px; } .composer-dropdown .composer-container .dropdown-caption-container.new-composer .grid-dropdown-composer { display: flex; width: 100%; justify-content: center; align-items: center; } .composer-dropdown .composer-container .dropdown-items-positioner { top: -5px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer { padding: 8px 0px 6px 10px; border: 1px solid #dedede; border-radius: 4px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected { border: 1px solid #0205d3; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption, .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input { height: 18px; line-height: 18px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner { top: -3px; } .role-div .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input { width: 84px; } .search-palette .dropdown-caption-container, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container { width: 168px; } .search-palette .dropdown-caption-container .autocomplete-input, .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input { width: 108px; } .search-palette .dropdown-items-container, .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-container { z-index: 10001; } .modal-popup .dropdown-container.new-composer .dropdown-items-container { z-index: 50000003; } .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container { width: 188px; } .option-set-wizard-background .dropdown-container.new-composer .dropdown-caption-container .autocomplete-input { width: 128px; } .option-set-wizard-background .dropdown-container.new-composer .dropdown-items-container { z-index: 10001; } .contextual-video-palette .dropdown-container.new-composer .autocomplete-input { padding: 0px !important; } .dropdown-caption-container { border: 1px solid #dcdcdc; border-radius: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .dropdown-caption-container .autocomplete-input { margin-right: 6px; cursor: text; width: 70%; } .dropdown-caption-container .dropdown-caption { margin-right: 6px; width: 70%; padding: 1px 2px; } .dropdown-caption-container .dropdown-caption.italicized-caption { font-style: italic; } .dropdown-caption-container .dropdown-icon { height: max-content; width: 30%; } #element-picker.element-picker .new-composer.composer-dropdown .composer-container .dropdown-caption-container.new-composer { background-color: white; color: #455256; width: 220px; height: 35px; border-right: 1px solid #ebf0f2; } #element-picker.element-picker .new-composer.composer-dropdown .composer-container .dropdown-caption-container.new-composer .autocomplete-input { color: black; } #element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner { top: unset; } #element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container { min-width: 220px; max-width: 600px; padding: 5px; border-radius: 4px; background: white; border: 1px solid rgb(245, 245, 245); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); } #element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section { border-top-color: #ebebeb; } #element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section .hovered.dropdown-item-container { background-color: rgb(249, 249, 249); } #element-picker.element-picker .new-composer.composer-dropdown .dropdown-items-positioner .dropdown-items-container .section .dropdown-item { color: black; } .composer-dropdown.bubble-ui .composer-container:hover, .composer-dropdown.bubble-ui .composer-container:first-child:hover { color: black; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer { color: black; } .property-editor-2.light-design .composer-container:hover, .property-editor-2.light-design .composer-container:first-child:hover { color: #899ea5; } .property-editor-2.light-design .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption.new-composer, .property-editor-2.light-design .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input.new-composer { color: #899ea5 !important; } .composer-dropdown.bubble-ui .composer-container:hover, .composer-dropdown.bubble-ui .composer-container:first-child:hover, .property-editor-2.light-design .composer-dropdown .composer-container:hover, .property-editor-2.light-design .composer-dropdown .composer-container:first-child:hover { background-color: white; border-radius: 4px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer { background-color: white; padding: 8px 0px 6px 10px; border: 1px solid #dedede; border-radius: 4px; font-size: 14px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer.selected { border: 1px solid #0205d3; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption, .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer .dropdown-caption, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-caption-container.new-composer .autocomplete-input { height: 14px; line-height: 14px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner { top: -3px; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container { background-color: white; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.sticky, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.sticky { background-color: white; border-bottom: 1px solid #595f62; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered, .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .section-title.hovered { background-color: white; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.hovered:not(.disabled), .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section.hovered:not(.disabled) { background-color: white; } .composer-dropdown.bubble-ui .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled), .property-editor-2.light-design .composer-dropdown .dropdown-container.new-composer .dropdown-items-positioner .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) { background-color: #f9f9f9; } .dropdown-items-container { position: fixed; margin-top: 5px; max-height: 350px; overflow-y: scroll; display: flex; flex-direction: column; } .dropdown-items-container.grid-dropdown-composer { max-height: 273px; width: 268px; } .dropdown-items-container .items-inner-container { padding-top: 8px; padding-bottom: 8px; display: flex; flex-direction: column; } .dropdown-items-container .items-inner-container .section { border-top: 1px solid #595f62; display: flex; flex-direction: column; } .dropdown-items-container .items-inner-container .section.grid-dropdown { flex-direction: row; flex-wrap: wrap; } .dropdown-items-container .items-inner-container .section:last-child { border-bottom: none; } .dropdown-items-container .items-inner-container .section:first-child { border-top: none; } .dropdown-items-container .items-inner-container .section .section-title { padding-right: 10px; padding-left: 10px; user-select: none; display: flex; flex-direction: row; justify-content: space-between; } .dropdown-items-container .items-inner-container .section .section-title .dropdown-icon { width: 10px; text-align: center; font-size: 14px; } .dropdown-items-container .items-inner-container .section .dropdown-item-container { padding-right: 10px; padding-left: 10px; display: flex; cursor: pointer; } .dropdown-items-container .items-inner-container .section .dropdown-item-container.hovered:not(.disabled) { background-color: rgb(249, 249, 249); } .dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled { color: gray; cursor: default; } .dropdown-items-container .items-inner-container .section .dropdown-item-container.disabled .disabled-caption { width: 100%; font-size: 7px; line-height: 7px; text-align: right; } .dropdown-items-container .items-inner-container .section .dropdown-item-container .context-caption { font-size: 11px; color: rgba(255, 255, 255, 0.6); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item { display: flex; flex-direction: column; } .dropdown-items-container .items-inner-container .section .dropdown-item-container .dropdown-item#empty-display-id { height: 64px; max-width: unset; width: unset; line-height: 64px; text-align: center; min-width: 120px; cursor: default; } .dropdown-items-container .items-inner-container .section .dropdown-item-container .item-delete { margin-right: 4px; } /* Globally relevant dimensions/numbers/etc go here NOTE: filename begins with underscore, thus its variables can be used globally */ /* ONLY YOU CAN STOP Z-INDEX HYPERINFLATION */ /* Terrible z-indexes responsible for all the evils of the world */ .context-menu-wrapper { z-index: 50000008; } :root { --b-cobalt-10: #F5FAFF; --b-cobalt-20: #EBF3FF; --b-cobalt-30: #D5E5FB; --b-cobalt-40: #AFCEF8; --b-cobalt-50: #1E6DF6; --b-cobalt-60: #0947D7; --b-cobalt-70: #0C29AB; --b-cobalt-80: #091E7C; --b-periwinkle-10: #F2F3FD; --b-periwinkle-20: #E9EBFB; --b-periwinkle-30: #D8DBF9; --b-periwinkle-40: #BDC3F4; --b-periwinkle-50: #625DFE; --b-periwinkle-60: #513EDF; --b-periwinkle-70: #401FC1; --b-periwinkle-80: #341A9E; --b-sky-blue-10: #F5FBFF; --b-sky-blue-20: #E6F6FE; --b-sky-blue-30: #D3EFFD; --b-sky-blue-40: #B0E3FC; --b-sky-blue-50: #61CAFF; --b-sky-blue-60: #09A4F1; --b-sky-blue-70: #0789CA; --b-sky-blue-80: #056494; --b-red-10: #FEF6F5; --b-red-20: #FDEAE7; --b-red-30: #FBD0CB; --b-red-40: #F9B3A9; --b-red-50: #EF2F15; --b-red-60: #CD260E; --b-red-70: #B0200C; --b-red-80: #941B0A; --b-yellow-10: #FFFAF0; --b-yellow-20: #FFF4DB; --b-yellow-30: #FFEFC7; --b-yellow-40: #FFDC8A; --b-yellow-50: #FFB505; --b-yellow-60: #EBA500; --b-yellow-70: #DCA114; --b-yellow-80: #B88100; --b-green-10: #F5FAF6; --b-green-20: #EAF5ED; --b-green-30: #CFE8D5; --b-green-40: #B7DCBF; --b-green-50: #2EA84A; --b-green-60: #26883C; --b-green-70: #1E6C30; --b-green-80: #175425; --b-purple-10: #FAF4FB; --b-purple-20: #F6ECF8; --b-purple-30: #E9D2EF; --b-purple-40: #DEBBE7; --b-purple-50: #AE07DA; --b-purple-60: #9606BC; --b-purple-70: #79059A; --b-purple-80: #5B0372; --b-orange-10: #FFFAF5; --b-orange-20: #FFF4E5; --b-orange-30: #FFE3C2; --b-orange-40: #FFD6A3; --b-orange-50: #FF9A1F; --b-orange-60: #F58700; --b-orange-70: #D17400; --b-orange-80: #8F4F00; --b-gray-10: #F7F7F7; --b-gray-20: #F2F2F2; --b-gray-30: #E6E6E6; --b-gray-40: #C7C7C7; --b-gray-50: #A6A6A6; --b-gray-60: #8A8A8A; --b-gray-70: #525252; --b-gray-80: #1A1A1A; --b-livid-10: #F2F5F9; --b-livid-20: #E4EAF1; --b-livid-30: #CAD5E2; --b-livid-40: #AFC0D4; --b-livid-50: #849FBD; --b-livid-60: #69809B; --b-livid-70: #415162; --b-livid-80: #14191F; --b-black-white-10: #FFFFFF; --b-black-white-20: #000000; --b-cyan-10: #F2FEFD; --b-cyan-30: #BBF9F7; --b-cyan-60: #34C3BE; } :root { --b-burst-product-yellow: #FFEFC7; --b-burst-product-purple: #E9D2EF; --b-burst-product-blue: #D3EFFD; --b-burst-product-orange: #FFE3C2; --b-burst-primary: #0C29AB; --b-burst-primary-hover: #091E7C; --b-burst-error: #B0200C; --b-burst-error-hover: #941B0A; } @font-face { src: url("/static/fonts/founders-grotesk-light.woff2") format("woff2"); font-weight: 300; font-family: FoundersGrotesk; } @font-face { src: url("/static/fonts/founders-grotesk-regular.woff2") format("woff2"); font-weight: 400; font-family: FoundersGrotesk; } @font-face { src: url("/static/fonts/founders-grotesk-medium.woff2") format("woff2"); font-weight: 500; font-family: FoundersGrotesk; } @font-face { src: url("/static/fonts/founders-grotesk-semibold.woff2") format("woff2"); font-weight: 600; font-family: FoundersGrotesk; } @font-face { src: url("/static/fonts/founders-grotesk-bold.woff2") format("woff2"); font-weight: 700; font-family: FoundersGrotesk; } :root { --b-burst-font-family: FoundersGrotesk; } ._1b0dh4w0 { color: var(--b-burst-product-yellow); } ._1b0dh4w1 { color: var(--b-burst-product-purple); } ._1b0dh4w2 { color: var(--b-burst-product-blue); } ._1b0dh4w3 { color: var(--b-burst-product-orange); } ._1b0dh4w4 { color: var(--b-burst-primary); } ._1b0dh4w5 { color: var(--b-burst-error); } ._1i5egv51 { --_1i5egv50: var(--b-icon-secondary); background: var(--b-bg-primary); display: flex; flex-direction: row; align-items: center; height: 32px; cursor: pointer; } ._1i5egv51:hover { --_1i5egv50: var(--b-icon-secondary); background: var(--b-bg-secondary); color: var(--b-txt-secondary); } ._1i5egv52 { --_1i5egv50: var(--b-icon-brand); color: var(--b-txt-brand); background: var(--b-bg-brand2); height: 32px; cursor: default; } ._1i5egv52:hover { --_1i5egv50: var(--b-icon-brand); color: var(--b-txt-brand); background: var(--b-bg-brand2); } ._1i5egv53 { --_1i5egv50: var(--b-icon-primary); color: var(--b-txt-primary); background: var(--b-bg-primary); } ._1i5egv53:hover { --_1i5egv50: var(--b-icon-primary); background: var(--b-bg-secondary); color: var(--b-txt-primary); } ._1i5egv54 { cursor: default; } ._1i5egv54:hover { --_1i5egv50: var(--b-icon-tertiary); background: var(--b-bg-primary); } ._1i5egv55 { display: flex; flex-direction: row; width: 180px; align-items: center; justify-content: flex-start; box-sizing: border-box; flex-shrink: 0; } ._1i5egv56 { height: 28px; } ._1i5egv57 { height: 32px; } ._1i5egv5v { display: flex; flex: 1; min-width: 0; align-items: center; } ._1i5egv5w { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._1i5egv5x { color: var(--_1i5egv50); padding-right: var(--b-spacing4); flex: none; } ._1i5egv5y { --_1i5egv50: var(--b-icon-tertiary); padding-left: var(--b-spacing-padding-list); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } ._1i5egv5z { flex: 1; width: 0; } ._1i5egv510 { display: flex; margin-left: auto; padding-left: var(--b-spacing-padding-list); padding-right: var(--b-spacing-padding-list); } ._1i5egv511 { padding-right: var(--b-spacing-padding-list); } ._1i5egv512 { margin-left: auto; } ._1j9j5lk0 { display: flex; margin-left: auto; } ._1j9j5lk1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._1j9j5lk2 { display: flex; align-items: center; padding-right: var(--b-spacing4); } ._6diudk0 { display: flex; align-items: center; margin-right: var(--b-spacing-padding-list); } ._6diudk1 { background: inherit; border: 0; padding: 0; outline: none; flex-grow: 1; } ._6diudk1:focus-visible { box-shadow: 0px 0px 0px 3px var(--b-border-focus); } ._6diudk2 { display: flex; justify-content: space-between; } ._6diudk2:hover { background: var(--b-bg-secondary); color: var(--b-txt-secondary); } ._6diudk2:focus-within { background: var(--b-bg-secondary); color: var(--b-txt-secondary); } ._6diudk2 > button > div { background: inherit; } ._6diudk3 { visibility: hidden; } ._6diudk2:hover > ._6diudk3 { visibility: visible; } ._6diudk2:focus-within > ._6diudk3 { visibility: visible; } ._6diudk4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._6diudk5 { display: flex; align-items: center; padding-right: var(--b-spacing4); } .tfd0h80 { border-radius: var(--b-card-radius); padding: var(--b-spacing16); display: flex; align-items: center; gap: var(--b-spacing8); color: var(--b-gray-80); border: 1px solid; } .tfd0h88 { padding: var(--b-spacing12); } .tfd0h8a { background: var(--b-green-10); border-color: var(--b-green-40); } .tfd0h8b { background: var(--b-green-60); color: var(--b-black-white-10); border-color: var(--b-green-60); } .tfd0h8c { background: var(--b-orange-10); border-color: var(--b-orange-40); } .tfd0h8d { background: var(--b-orange-60); border-color: var(--b-orange-60); } .tfd0h8e { background: var(--b-red-10); border-color: var(--b-red-40); } .tfd0h8f { background: var(--b-red-60); border-color: var(--b-red-60); color: var(--b-black-white-10); } .tfd0h8g { background: var(--b-gray-10); border-color: var(--b-gray-40); } .tfd0h8h { background: var(--b-gray-70); border-color: var(--b-gray-70); color: var(--b-black-white-10); } .tfd0h8i { background: var(--b-cobalt-10); border-color: var(--b-cobalt-40); } .tfd0h8j { background: var(--b-sky-blue-60); border-color: var(--b-sky-blue-60); } .tfd0h8m { padding: var(--b-spacing2); } ._18izqnz0 { row-gap: var(--b-spacing24); } ._18izqnz1 { margin-top: 1.5px; margin-bottom: 1px; margin-left: var(--b-spacing4); margin-right: var(--b-spacing4); height: 8px; width: 8px; min-height: 8px; min-width: 8px; } .ecjc1i0 { display: flex; align-items: center; column-gap: var(--b-spacing8); height: 32px; padding-left: var(--b-spacing8); padding-top: var(--b-spacing8); width: 100%; } .ecjc1i1 { margin: 0; display: flex; align-items: center; padding: var(--b-spacing4); width: 100%; } .ecjc1i2 { height: 32px; margin-inline-end: 0; } .ecjc1i3 { margin-block-end: 0; margin-block-start: 0; overflow: auto; width: 100%; } .ecjc1i4 { width: 100%; padding-top: var(--b-spacing4); padding-bottom: var(--b-spacing4); padding-right: var(--b-spacing16); padding-left: var(--b-spacing8); } .k000t50 { color: var(--b-txt-primary); display: flex; cursor: pointer; } .k000t51 { cursor: default; } .k000t51 * { color: var(--b-txt-inactive); } .k000t52 { appearance: none; margin: 0; } .k000t53 { display: flex; align-items: center; height: 100%; column-gap: var(--b-spacing-reg); border-radius: var(--b-spacing-sm); outline: none; } .k000t54 { background-color: var(--b-bg-brand1); box-shadow: inset 0px 0px 0px 1px var(--b-border-brand); } .k000t56 { flex-direction: row-reverse; } .k000t57 { width: 100%; padding: var(--b-spacing-reg); } .k000t57:hover { background-color: var(--b-bg-brand1); } .k000t57:focus-visible { background-color: var(--b-bg-brand1); } ._1gr66as0 { border: 1px solid var(--b-border-default); border-radius: 4px; background: var(--b-bg-primary); display: flex; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; height: 14px; width: 14px; } .k000t53:hover > ._1gr66asj { box-shadow: 0px 0px 1px 2px var(--b-border-brand); } .k000t53:focus-visible > ._1gr66asj { box-shadow: 0px 0px 0px 1px var(--b-border-brand); } ._1w9wll10:hover { background-color: var(--b-bg-secondary); box-shadow: none !important; } ._1w9wll10:active { color: var(--b-txt-brand); background-color: var(--b-bg-brand2); } ._1w9wll10:focus-visible { box-shadow: 0px 0px 0px 3px var(--b-border-focus); outline: none; } ._1w9wll11 { overflow: hidden; } ._1w9wll12 { cursor: pointer; } ._1w9wll13 { color: var(--b-txt-danger); } ._1w9wll14 { color: var(--b-txt-inactive); } ._1w9wll15 { border-radius: var(--b-radius-regular); border: 1px solid var(--b-border-default); height: var(--b-spacing24); width: var(--b-spacing24); display: flex; justify-content: center; align-items: center; } ._1197hj50 { position: absolute; width: 240px; background-color: white; border-radius: var(--b-radius-regular); padding-top: var(--b-spacing4); padding-bottom: var(--b-spacing4); box-shadow: var(--b-level1); outline: none; z-index: 100000001; margin-top: var(--b-spacing4); } ._1tb7u1w0 { border: none; height: 1px; background-color: var(--b-gray-30); margin-top: var(--b-spacing4); margin-bottom: var(--b-spacing4); } ._1g4f1c46 { display: grid; max-width: var(--_1g4f1c40); min-width: var(--_1g4f1c41); grid-template-columns: repeat(auto-fill, minmax(var(--_1g4f1c45), 1fr)); grid-row-gap: var(--_1g4f1c43); grid-column-gap: var(--_1g4f1c44); } ._1d468190 { border: 1px solid var(--b-border-brand); background: var(--b-bg-brand1); cursor: pointer; } ._1d468190:hover { background: var(--b-bg-secondary); } ._1d468190:focus-visible { background: var(--b-bg-secondary); } ._1d468191 { border: 1px solid var(--b-border-inactive); background: var(--b-bg-secondary); cursor: pointer; } ._1d468192 { display: flex; flex-direction: column; align-items: flex-start; padding: 8px; width: -moz-available; width: -webkit-fill-available; width: fill-available; height: fit-content; gap: var(--b-spacing-sm); border-radius: 4px; } ._1d468192:hover { background: var(--b-bg-secondary); } ._1d468192:focus-visible { background: var(--b-bg-secondary); } ._1d468197:hover { background: none; } ._1d468199 { display: flex; height: 16px; justify-content: space-between; align-items: flex-start; align-self: stretch; } ._1d46819a { display: flex; align-items: center; gap: var(--b-spacing-xs); flex: 1 0 0; } ._1d46819b { display: flex; align-items: flex-start; gap: var(--b-spacing-sm); flex: 1 0 0; } ._1d46819c { display: flex; align-items: flex-start; gap: var(--b-spacing-padding-list); } ._1d46819d { display: flex; align-items: flex-start; gap: var(--b-spacing-padding-list); align-self: stretch; color: var(--b-txt-primary); } ._1t98odd0 { background: var(--b-bg-primary); display: flex; align-items: center; border: none; cursor: pointer; } ._1t98odd0:hover { background: var(--b-bg-secondary); color: var(--b-txt-secondary); } ._1t98odd0:focus { box-shadow: 0px 0px 0px 3px var(--b-border-focus); outline: none; } ._1t98odd1 { color: var(--b-txt-brand); background: var(--b-bg-brand2); border: none; cursor: default; } ._1t98odd1:hover { color: var(--b-txt-brand); background: var(--b-bg-brand2); } ._1t98odd2 { display: flex; width: 180px; height: 32px; align-items: center; justify-content: flex-start; padding: 0 var(--b-spacing-padding-list); box-sizing: border-box; text-align: left; } ._1t98odd5 { padding-right: var(--b-spacing4); flex: none; } @keyframes _145pbvh0 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ._145pbvh1 { display: inline-block; animation: _145pbvh0 1900ms linear infinite; } ._145pbvhk { width: 16px; height: 16px; } ._145pbvhl { width: 24px; height: 24px; } ._145pbvhm { width: 32px; height: 32px; } ._145pbvhn { width: 40px; height: 40px; } ._145pbvho { width: 48px; height: 48px; } ._145pbvhp { display: block; height: 100%; width: 100%; } .edl3b40 { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 32px; padding: var(--b-spacing4) var(--b-spacing8); border: 1px solid var(--b-border-default); border-radius: var(--b-input-radius); cursor: pointer; gap: var(--b-spacing8); flex-wrap: nowrap; outline: none; background-color: transparent; overflow-x: auto; overflow-y: hidden; position: relative; } .edl3b41 { opacity: 0.5; color: var(--b-txt-tertiary); } .edl3b42 { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--b-spacing8); overflow-x: hidden; overflow-y: hidden; flex: 1; min-width: 0; align-items: center; } .edl3b43 { display: inline-flex; align-items: center; border-radius: var(--b-input-radius); white-space: nowrap; flex-shrink: 0; margin-right: var(--b-spacing4); } .edl3b44 { position: relative; } .edl3b45 { background-color: var(--b-bg-primary); border-radius: var(--b-input-radius); box-shadow: var(--b-popover-shadow); padding: var(--b-spacing4) 0; overflow: auto; } .edl3b46 { display: flex; align-items: center; padding: var(--b-spacing8) var(--b-spacing12); cursor: pointer; gap: var(--b-spacing4); outline: none; } .edl3b46[data-highlighted] { background-color: var(--b-bg-secondary); } .edl3b47 { background-color: var(--b-bg-secondary); } .edl3b48 { color: var(--b-txt-tertiary); } .edl3b49 { padding: 0; margin: 0; } .edl3b49:focus { outline: none; } .edl3b4a { flex-shrink: 0; margin-left: auto; } ._1ms5ccy0 { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 32px; padding: var(--b-spacing4) var(--b-spacing8); border: 1px solid var(--b-border-default); border-radius: var(--b-input-radius); cursor: pointer; gap: var(--b-spacing8); flex-wrap: nowrap; outline: none; background-color: transparent; overflow-x: auto; overflow-y: hidden; position: relative; } ._1ms5ccy1 { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--b-spacing8); overflow-x: auto; overflow-y: hidden; flex: 1; min-width: 0; align-items: center; } ._1ms5ccy2 { display: inline-flex; align-items: center; padding: 2px 6px; background-color: var(--b-bg-secondary); border-radius: var(--b-input-radius); white-space: nowrap; flex-shrink: 0; margin-right: var(--b-spacing4); } ._1ms5ccy3 { position: absolute; top: 100%; left: 0; width: 100%; max-height: 200px; overflow-y: auto; background-color: var(--b-bg-primary); border-radius: var(--b-radius-regular); box-shadow: var(--b-level1); z-index: 1000; padding: var(--b-spacing4) 0; } ._1ms5ccy4 { display: flex; align-items: center; padding: var(--b-spacing8) var(--b-spacing12); cursor: pointer; gap: var(--b-spacing4); outline: none; } ._1ms5ccy4:focus { outline: none; } ._1ms5ccy4[data-highlighted] { background-color: var(--b-bg-secondary); } ._1ms5ccy5 { padding: 0; margin: 0; } ._1ms5ccy5:focus { outline: none; } ._1ms5ccy6 { flex-shrink: 0; margin-left: auto; } ._10fw3og0 { overflow: visible; position: relative; color: var(--b-txt-secondary); } ._10fw3og1 { display: flex; flex-direction: row; } ._10fw3og2 { --_1uejfp90: 32px; --_1uejfp91: 1px; flex-direction: row; width: 100%; align-items: center; align-content: center; justify-content: space-between; padding: var(--b-spacing8); padding-top: var(--b-spacing-padding-input); padding-bottom: var(--b-spacing-padding-input); } ._10fw3og3 { background-color: var(--b-bg-secondary); } ._10fw3og4 { flex-grow: 1; display: flex; align-content: start; overflow: hidden; } ._10fw3og5 { position: fixed; top: 0; left: 0; z-index: 2; margin-top: var(--b-spacing-sm); padding-block: var(--b-spacing-sm); border-radius: var(--b-input-radius); overflow: hidden; box-shadow: var(--b-menu-shadow); background-color: var(--b-bg-primary); } ._10fw3og6 { color: var(--b-txt-primary); padding: var(--b-spacing-reg); background-color: var(--b-bg-primary); cursor: default; } ._10fw3og7 { color: var(--b-txt-tertiary); } ._10fw3og8 { background-color: var(--b-bg-secondary); } .f4xyi60 { color: var(--b-txt-tertiary); border: none; border-radius: 4px; cursor: pointer; border-bottom: 2px solid transparent; } .f4xyi60:hover { color: var(--b-txt-brand); } .f4xyi61 { color: var(--b-txt-brand); box-sizing: border-box; border: none; border-bottom: 2px solid; border-radius: 0; padding-top: 2px; cursor: default; } .f4xyi61:hover { background: none; } .f4xyi62 { flex-grow: 1; } .f4xyi63 { flex-grow: 0; } .f4xyi64 { background: none; display: flex; width: fit-content; height: 32px; align-items: center; justify-content: center; user-select: none; padding-bottom: 0px; padding-top: 2px; padding-right: 0px; padding-left: 0px; } .f4xyi69 { border-radius: 0; } .f4xyi6a { margin-bottom: -1px; z-index: 1; } .f4xyi6b { margin-bottom: 0px; } .f4xyi6c { padding-right: var(--b-spacing4); flex: none; } .f4xyi6c:hover { color: var(--b-txt-brand); } .f4xyi6d { flex: none; } .f4xyi6d:hover { color: var(--b-txt-brand); } .f4xyi6e { display: flex; align-items: center; } .up8wd41 { --up8wd40: var(--b-icon-primary); background: none; border: none; display: flex; width: 32px; height: 32px; flex-direction: column; border-radius: var(--b-spacing-sm); gap: var(--b-spacing-sm); align-items: center; justify-content: center; cursor: pointer; } .up8wd41:hover { --up8wd40: var(--b-icon-primary); background: var(--b-bg-secondary2); } .up8wd42 { --up8wd40: var(--b-icon-brand); cursor: default; background: var(--b-bg-brand2); } .up8wd42:hover { --up8wd40: var(--b-icon-brand); background: var(--b-bg-brand2); } .up8wd43 { --up8wd40: var(--b-icon-inactive); cursor: default; pointer-events: none; } .up8wd43:hover { --up8wd40: var(--b-icon-inactive); background: none; } .up8wd44::after { content: ""; position: absolute; top: 4px; right: 1px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--b-icon-danger); } .up8wd45 { color: var(--up8wd40); position: relative; } ._1y0ufbc0 { display: flex; width: fit-content; row-gap: var(--b-spacing-sm); column-gap: var(--b-spacing-sm); max-width: 100%; } ._1y0ufbc2 { flex-direction: column; } .h7gbdj0 { display: flex; flex-direction: column; height: auto; box-shadow: var(--b-level1); border-radius: var(--b-radius-regular); } ._191xcte0 { appearance: none; border: none !important; width: 100%; min-width: 150px; height: 30px; -webkit-appearance: none; } ._191xcte0::-webkit-slider-runnable-track { background: var(--b-border-default); cursor: pointer; height: 8px; border-radius: 4px; } ._191xcte0::-webkit-slider-thumb { width: 10px; height: 30px; border-radius: 30px; background: var(--b-bg-on-brand1); cursor: pointer; margin-top: -11px; -webkit-appearance: none; } ._191xcte0::-moz-range-track { background: var(--b-border-default); cursor: pointer; height: 8px; border-radius: 4px; } ._191xcte0::-moz-range-thumb { width: 10px; height: 30px; border-radius: 30px; background: var(--b-bg-on-brand1); cursor: pointer; margin-top: -11px; } .dwey0p0 { background-color: var(--b-bg-secondary2); transition: 0.4s; border-radius: 80px; display: flex; padding: 4px; gap: 10px; width: 50px; height: 28px; cursor: pointer; border: none; position: relative; } .dwey0p0:focus-visible { transition: none; border-radius: 50px; outline: 1px solid var(--b-border-focus); outline-offset: 4px; } .dwey0p0:disabled { cursor: default; background-color: var(--b-bg-secondary); } .dwey0p0:before { content: ""; position: absolute; left: 4px; transform: translateX(0); height: 20px; width: 20px; background-color: var(--b-bg-primary); transition: 0.4s; border-radius: 50%; box-shadow: var(--b-menu-shadow); } .dwey0p0:not(:disabled):hover:before { box-shadow: var(--b-lightbox-shadow); } .dwey0p1 { height: 14px; padding: var(--b-spacing2); width: 24px; } .dwey0p1:before { left: 2px; height: 10px; width: 10px; } .dwey0p2 { height: 18px; padding: var(--b-spacing2); width: 32px; } .dwey0p2:before { left: 2px; height: 14px; width: 14px; } .dwey0p3 { height: 28px; padding: var(--b-spacing4); width: 48px; } .dwey0p3:before { left: 4px; height: 20px; width: 20px; } .dwey0p4 { background-color: var(--b-bg-on-brand2); } .dwey0p4:before { transform: translateX(100%); } .dwey0p4:disabled { background-color: var(--b-bg-brand2); } ._3ahyui0 { border: none; background: none; padding: 0px; } ._3ahyui1 { display: flex; align-items: center; justify-content: space-between; width: 400px; background: var(--b-bg-primary); border: 1px solid var(--b-border-default); border-radius: 12px; min-height: 32px; box-shadow: 0px 8px 24px 0px var(--b-border-default), 0px 1px 2px 0px var(--b-border-default); z-index: 50000001; } ._8xw3l90 { position: fixed; left: 50%; transform: translateX(-50%); bottom: 24px; } ._8xw3l91 { display: flex; flex-direction: column; gap: 8px; } ._1ktgiuk2 { width: var(--_1ktgiuk1); height: var(--_1ktgiuk1); overflow: hidden; position: absolute; background-color: transparent; transform-origin: center; box-sizing: content-box; } ._1ktgiuk3 { --_1ktgiuk0: none; top: 0; left: calc(-1 * var(--_1ktgiuk1) / 2); width: calc(var(--_1ktgiuk1) / 2); padding: var(--b-spacing12) 0; } ._1ktgiuk4 { --_1ktgiuk0: none; bottom: 0; left: calc(-1 * var(--_1ktgiuk1) / 2); width: calc(var(--_1ktgiuk1) / 2); padding: var(--b-spacing12) 0; } ._1ktgiuk5 { --_1ktgiuk0: none; top: 0; right: calc(-1 * var(--_1ktgiuk1) / 2); width: calc(var(--_1ktgiuk1) / 2); padding: var(--b-spacing12) 0; transform: rotate(180deg); } ._1ktgiuk6 { --_1ktgiuk0: none; bottom: 0; right: calc(-1 * var(--_1ktgiuk1) / 2); width: calc(var(--_1ktgiuk1) / 2); padding: var(--b-spacing12) 0; transform: rotate(180deg); } ._1ktgiuk7 { --_1ktgiuk0: rotate(90deg); top: calc(-1 * var(--_1ktgiuk1) / 2); left: 0; height: calc(var(--_1ktgiuk1) / 2); padding: 0 var(--b-spacing12); } ._1ktgiuk8 { --_1ktgiuk0: rotate(90deg); top: calc(-1 * var(--_1ktgiuk1) / 2); right: 0; height: calc(var(--_1ktgiuk1) / 2); padding: 0 var(--b-spacing12); } ._1ktgiuk9 { --_1ktgiuk0: rotate(90deg); bottom: calc(-1 * var(--_1ktgiuk1) / 2); left: 0; height: calc(var(--_1ktgiuk1) / 2); padding: 0 var(--b-spacing12); transform: rotate(180deg); } ._1ktgiuka { --_1ktgiuk0: rotate(90deg); bottom: calc(-1 * var(--_1ktgiuk1) / 2); right: 0; height: calc(var(--_1ktgiuk1) / 2); padding: 0 var(--b-spacing12); transform: rotate(180deg); } ._1ktgiukb { display: none; } ._1ktgiukc { transform: var(--_1ktgiuk0); } ._1ktgiukd { padding-top: var(--b-spacing-sm); display: flex; flex-direction: column; flex-wrap: nowrap; row-gap: var(--b-spacing-xs); } ._1ktgiuke { --_1ktgiuk1: 24px; background-color: var(--b-bg-primary); color: var(--b-txt-primary); box-shadow: var(--b-lightbox-shadow); border-radius: var(--b-modal-radius); width: 305px; box-sizing: border-box; } ._1ebj7ke0 { background-color: var(--b-bg-tertiary); height: 381px; width: calc(100% - 25px); border: 1px solid var(--b-border-default); position: relative; overflow: hidden; } ._1ebj7ke1 { border-radius: var(--b-radius-regular); } ._1ebj7ke2 { position: absolute; right: var(--b-spacing12); bottom: var(--b-spacing12); z-index: 10000; } ._1ebj7ke2.scrollzoom { left: var(--b-spacing12); width: fit-content; } ._1ebj7ke3 { display: flex; justify-content: center; height: 100%; } .lo1dqw0 { border: 1px solid var(--b-border-default); color: var(--b-txt-primary); display: inline-flex; border-radius: var(--b-radius-regular); align-items: center; background-color: var(--b-bg-primary); padding: var(--b-spacing4); } .lo1dqw1 { width: 32px; text-align: center; } .zdqoum0 { padding: var(--b-spacing8); background-color: var(--b-bg-primary); border-radius: var(--b-modal-radius); box-shadow: var(--b-level1); display: inline-block; } .zdqoum1 { display: flex; } .zdqoum3 { position: relative; overflow-y: hidden; max-height: var(--zdqoum2); } .zdqoum4 { position: relative; display: flex; top: 0px; left: 0px; } .zdqoum5 { box-sizing: border-box; position: absolute; border-radius: 2px; border: 2px solid var(--b-border-info); width: 100%; top: 0; left: 0; z-index: 100; } ._1qqkcms0 { background: var(--b-bg-primary); gap: var(--b-spacing4); } ._1qqkcms1 { border: 1px solid var(--b-border-default); border-radius: var(--b-button-radius); } ._9sqaiy3 { --_9sqaiy0: var(--b-icon-primary); --_9sqaiy2: var(--b-spacing-reg); --_9sqaiy1: 1px; width: auto; height: 32px; background: var(--b-bg-primary); border: var(--_9sqaiy1) solid var(--b-border-default); box-sizing: border-box; border-radius: var(--b-button-radius); gap: var(--b-spacing4); padding: calc(var(--_9sqaiy2) - var(--_9sqaiy1)); cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--b-txt-secondary); } ._9sqaiy3:hover { background: var(--b-bg-secondary); } ._9sqaiy4 { --_9sqaiy0: var(--b-icon-brand); background: var(--b-bg-brand2); border: var(--_9sqaiy1) solid var(--b-border-brand); color: var(--b-txt-brand); } ._9sqaiy4:hover { background: var(--b-bg-brand1); } ._9sqaiy5 { --_9sqaiy0: var(--b-icon-secondary); background: var(--b-bg-secondary); border: var(--_9sqaiy1) solid var(--b-border-default); color: var(--b-txt-primary); } ._9sqaiy5:hover { background: var(--b-bg-secondary2); } ._9sqaiy6 { color: var(--_9sqaiy0); position: relative; } ._9sqaiy7 { --_9sqaiy1: 0px; } ._9sqaiy8 { padding: 3px; height: 22px; border-radius: 3px; } ._1hu07oo0 { height: 24px; width: 100%; box-sizing: border-box; background-color: transparent; border-radius: var(--b-card-radius); border-width: 0; cursor: pointer; display: flex; gap: 2px; align-items: center; justify-content: center; padding: var(--b-spacing-reg); color: var(--b-txt-secondary); } ._1hu07oo0:hover { background: var(--b-bg-secondary); } ._1hu07oo0:focus-visible { outline: 2px solid var(--b-border-focus); } ._1hu07oo1 { height: 24px; } ._1hu07oo2 { height: 32px; } ._1hu07oo3 { flex-direction: column; height: auto; } ._1hu07oo4 { flex-direction: row; } ._1hu07oo6 { background: var(--b-bg-brand2); color: var(--b-txt-brand); } ._1hu07oo6:hover { background: var(--b-bg-brand1); } ._1hu07oo7 { background: var(--b-bg-secondary); color: var(--b-txt-primary); } ._1hu07oo7:hover { background: var(--b-bg-secondary2); } ._1hu07oo9 { display: flex; padding: 2px; background: var(--b-bg-primary); border-radius: var(--b-card-radius); border-color: var(--b-border-default); border-style: solid; gap: var(--_1hu07oo8); } ._1hu07ooa { border-width: 1px; } ._1hu07oob { border-width: 0px; } .qtwclh4 { --qtwclh0: var(--b-icon-primary); --qtwclh1: var(--b-icon-brand); --qtwclh2: var(--b-icon-tertiary); --qtwclh3: var(--b-spacing4); background-color: var(--b-bg-primary); border: 1px solid transparent; color: var(--b-txt-primary); } .qtwclh5 { --qtwclh3: 0; } .qtwclh5:hover { --qtwclh2: var(--b-icon-primary); background: var(--b-bg-secondary); cursor: pointer; } .qtwclh6 { --qtwclh2: var(--b-icon-primary); } .qtwclh7 { border: 1px solid var(--b-border-brand); } .qtwclh8 { background-color: var(--b-bg-brand1); } .qtwclh9 { --qtwclh0: var(--b-icon-brand); background-color: var(--b-bg-brand2); color: var(--b-txt-brand); border: 1px solid transparent; } .qtwclha { --qtwclh0: var(--b-icon-tertiary); color: var(--b-txt-tertiary); } .qtwclhb { --qtwclh0: var(--b-icon-tertiary); } .qtwclhc { background-color: var(--b-bg-brand2); border: 1px solid transparent; } .qtwclhd { --qtwclh0: var(--b-icon-dynamic); --qtwclh1: var(--b-icon-dynamic); color: var(--b-txt-dynamic); padding: 0; } .qtwclhe { border: 1px solid transparent; } .qtwclhf { position: absolute; top: -2px; left: 0; right: 0; height: 1px; background-color: var(--b-border-brand); display: none; } .qtwclhg { position: absolute; top: 30px; left: 0; right: 0; height: 1px; background-color: var(--b-border-brand); display: none; } .qtwclhh { display: flex; flex-direction: row; width: 100%; position: relative; cursor: default; height: 32px; padding: 0 var(--b-spacing-padding-list) 0 0; column-gap: var(--b-spacing2); align-items: center; justify-content: space-between; flex-shrink: 0; box-sizing: border-box; } .qtwclhh:focus { outline: 1px solid var(--b-border-focus); } .qtwclh12 { --qtwclh0: var(--b-icon-brand-inactive); color: var(--b-txt-brand-inactive); } .qtwclh13 { --qtwclh0: var(--b-icon-dynamic-inactive); color: var(--b-txt-dynamic-inactive); } .qtwclh14 { flex-grow: 1; background-color: var(--b-bg-primary); } .qtwclh14:hover { background-color: var(--b-bg-primary); } .qtwclh15 { color: var(--qtwclh0); } .qtwclh16 { color: var(--qtwclh2); position: absolute; margin-left: -18px; } .qtwclh17 { color: var(--b-icon-inactive); } .qtwclh18 { color: var(--b-icon-tertiary); } .qtwclh19 { cursor: pointer; } .qtwclh19:hover { color: var(--qtwclh1); } .qtwclh1a { padding-left: var(--qtwclh3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._104863e0 { display: flex; flex-direction: column; background-color: white; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; } ._104863e1 { user-select: none; } ._104863e2 { --_1m0eq2nc: var(--b-spacing-reg); } ._18scepv4 { width: 16px; min-width: 16px; height: 16px; border-radius: 2px; border-style: solid; border-color: var(--b-border-default); border-width: 1px; padding: 0; outline: none; } ._18scepv4:hover { border-color: var(--b-border-hover); } ._18scepv4:focus-visible { box-shadow: 0 0 0 3px var(--b-border-focus); } ._18scepv5 { width: 100%; height: 100%; } ._18scepv6 { background-color: var(--_18scepv0); opacity: var(--_18scepv1); } ._18scepv7 { background-color: var(--_18scepv0); } ._18scepv8 { background: linear-gradient(var(--_18scepv2), var(--_18scepv3)); } ._18scepv9 { background-image: var(--_18scepv0); background-size: cover; } .elamhs0 { all: unset; display: block; width: 100%; cursor: text; border: none; outline: none; flex-grow: 1; padding: 0; font-family: var(--b-font-family); font-size: 12px; line-height: 16px; font-weight: 400; } .elamhs2 { color: var(--b-txt-inactive); } .elamhs3 { display: flex; flex-direction: row; column-gap: var(--b-spacing-sm); border-style: solid; border-width: 1px; box-sizing: border-box; border-radius: var(--b-spacing-sm); overflow: hidden; } .elamhs4 { border-color: var(--b-border-default); } .elamhs4:hover:not(:focus-within) { border-color: var(--b-border-hover); } .elamhs4:focus-within { border-color: var(--b-border-brand); } .elamhs5 { border-color: var(--b-border-danger); } .elamhs6 { border-color: var(--b-border-inactive); } .elamhs7 { display: flex; column-gap: var(--b-spacing-sm); width: 100%; } .elamhs8 { padding: 7px; } .elamhs9 { padding: 5px 7px; } ._1kmtq230 { color: var(--b-txt-primary); background: none; box-sizing: border-box; border: 1px solid var(--b-border-default); border-radius: var(--b-button-radius); padding-left: calc(var(--b-spacing-reg) - 1px); padding-right: calc(var(--b-spacing-reg) - 1px); align-items: center; text-decoration: none; cursor: pointer; column-gap: var(--b-spacing-sm); border-width: 1px; height: 28px; display: flex; flex-direction: row; align-content: center; justify-content: spaceBetween; } ._1kmtq230:hover { text-decoration: none; background: none; border-color: var(--b-border-hover); } ._1kmtq230:focus-visible { text-decoration: none; box-shadow: 0px 0px 0px 3px var(--b-border-focus); outline: none; } ._1kmtq231 { border-color: var(--b-border-brand); } ._1kmtq231:hover { border-color: var(--b-border-brand); } ._1kmtq232 { width: 0px; height: calc(100% + 2px); border-left: 1px solid var(--b-border-default); } ._1kmtq233 { box-shadow: -2px 0px 0px 2px var(--b-border-focus); } ._1kmtq234 { border-color: var(--b-border-hover); } ._1kmtq235 { border-color: var(--b-border-brand); } ._1kmtq236 { color: var(--b-txt-purple); background: var(--b-purple-10); border: 1px solid var(--b-purple-30); border-radius: var(--b-spacing-sm); padding-left: var(--b-spacing-sm); padding-right: var(--b-spacing-sm); } ._1kmtq237 { border: none; outline: none; background: transparent; width: 100%; padding: 0; text-overflow: ellipsis; font-family: var(--b-font-family); font-size: 12px; line-height: 16px; font-weight: 400; } ._1kmtq238 { border: none; outline: none; background: transparent; width: 100%; text-align: end; padding: 0; font-family: var(--b-font-family); font-size: 12px; line-height: 16px; font-weight: 400; } ._1kmtq238::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ._1kmtq238::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } ._1kmtq238 { -moz-appearance: textfield; } ._81qwdk2 { display: flex; flex-direction: column; position: relative; align-items: center; user-select: none; touch-action: none; width: var(--_81qwdk0); height: var(--_81qwdk1); } ._81qwdk3 { width: var(--_81qwdk0); height: var(--_81qwdk1); } ._81qwdk4 { display: block; width: 18px; height: 18px; border-radius: 9999px; border: 4px solid #fff; background: var(--kb-color-current); box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 8px 24px 0px rgba(0, 0, 0, 0.15); } ._10u4kho2 { display: flex; flex-direction: column; position: relative; align-items: center; user-select: none; touch-action: none; width: var(--_10u4kho0); height: 12px; } ._10u4kho3 { width: var(--_10u4kho0); height: 12px; position: relative; border-radius: 24px; } ._10u4kho4 { display: block; width: 18px; height: 18px; border-radius: 9999px; border: 4px solid #fff; box-sizing: border-box; background: var(--kb-color-current); top: -3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 8px 24px 0px rgba(0, 0, 0, 0.15); } ._1vx4c10 { box-sizing: border-box; background-color: transparent; color: var(--b-txt-primary); padding: var(--b-spacing-padding-btn-regular); border-radius: var(--b-button-radius); border-color: var(--b-border-default); border-width: 1px; border-style: solid; display: flex; width: 100%; height: 28px; justify-content: center; align-items: center; gap: var(--b-spacing4); } ._1vx4c10:hover { border-color: var(--b-border-hover); cursor: pointer; } ._1vx4c11 { width: 100%; } ._1vx4c12 { box-sizing: border-box; width: 100%; padding: 6px 8px; padding-right: 0px; display: flex; align-items: center; gap: var(--b-spacing4); border-radius: var(--b-button-radius); border-width: 1px; border-style: solid; border-color: var(--b-border-default); } ._1vx4c12:hover { border-color: var(--b-border-hover); cursor: pointer; } ._1vx4c13 { color: var(--b-txt-primary); } ._1vx4c14 { color: var(--b-txt-primary); } ._1vx4c15 { color: var(--b-txt-primary); } ._1vx4c16 { color: var(--b-txt-inactive); } ._1vx4c16:hover { border-color: var(--b-border-default); cursor: default; } ._1vx4c17 { color: var(--b-txt-danger); } ._1vx4c18 { color: var(--b-txt-brand); background-color: var(--b-livid-10); } ._1vx4c19 { width: 16px; height: 16px; flex-shrink: 0; border-radius: var(--b-button-radius); border-width: 1px; border-style: solid; border-color: var(--b-border-default); background-size: cover; box-sizing: border-box; } ._1vx4c1a { background: conic-gradient(#fff 90deg, #F0F0F0 90deg 180deg, #fff 180deg 270deg, #F0F0F0 270deg); background-repeat: repeat; background-size: 3px 3px; background-position: top left; } ._1g4cpyb0 { box-sizing: border-box; background-color: transparent; color: var(--b-txt-primary); padding: var(--b-spacing-padding-btn-regular); border-radius: var(--b-button-radius); border-color: var(--b-border-default); border-width: 1px; border-style: solid; display: flex; justify-content: center; gap: var(--b-spacing4); cursor: pointer; pointer-events: auto; } ._1g4cpyb1 { pointer-events: auto; } ._1g4cpyb2 { width: 100%; height: 150px; box-sizing: border-box; background-color: var(--b-bg-secondary); display: flex; align-items: center; border-radius: var(--b-button-radius); overflow: hidden; border-width: 1px; border-style: dashed; border-color: var(--b-border-default); justify-content: center; position: relative; } ._1g4cpyb2:hover { border-color: var(--b-border-hover); } ._1g4cpyb3 { border-style: solid; } ._1g4cpyb4 { border-style: dashed; } ._1g4cpyb5 { border-style: dashed; } ._1g4cpyb5:hover { border-color: var(--b-border-default); } ._1g4cpyb6 { border-style: dashed; } ._1g4cpyb7 { border-color: var(--b-border-brand); border-style: solid; } ._1g4cpyb7:hover { border-color: var(--b-border-brand); } ._1g4cpyb8 { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; } ._1rpjqlm0 { z-index: 1000000; height: 2px; cursor: ns-resize; border-bottom: 1px solid transparent; } ._1rpjqlm0:hover { border-bottom: 1px solid var(--b-border-brand); } ._1rpjqlm1 { flex-shrink: 0; display: flex; flex-direction: column; } ._1rpjqlm2 { position: absolute; height: 100%; right: -8px; cursor: ew-resize; width: 10px; z-index: 2; display: flex; flex-direction: row; } ._1rpjqlm3 { width: 8px; height: 100%; } ._1rpjqlm2:hover ._1rpjqlm3 { border-left: 1px solid var(--b-border-brand); } ._1rpjqlm4 { width: 2px; height: 100%; } ._1rpjqlm5 { flex-grow: 1; flex-shrink: 1; overflow-y: auto; align-items: stretch; display: flex; flex-direction: column; } ._1rpjqlm6 { overflow-y: auto; display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; flex-grow: 0; max-height: calc(100% - 64px); position: relative; } ._1rpjqlm7 { height: 10px; position: absolute; width: 100%; top: 32px; } ._1rpjqlm8 { height: 10px; position: absolute; width: 100%; bottom: 2px; } ._1rpjqlm9 { display: flex; flex-direction: row; gap: var(--b-spacing8); height: 16px; } ._149r7jl0 { display: flex; overflow-x: hidden; } ._149r7jl1 { display: flex; width: max-content; align-items: center; transition: transform 0.3s ease-in-out; column-gap: 8px; } ._1sk6a4y0 { flex-grow: 1; } ._1od9uj90 { max-width: 800px; border-radius: var(--b-modal-radius); border: 1px solid var(--b-border-default); overflow: hidden; background-color: var(--b-bg); } ._1od9uj91 { border: none; } ._1o7qv9m0 { border: 1px solid var(--b-gray-30); border-radius: var(--b-card-radius); padding: var(--b-spacing-tv); gap: var(--b-spacing-reg); } ._13jwfz70 { color: var(--b-txt-secondary); width: 100%; cursor: pointer; height: 40px; } ._13jwfz71 { width: 100%; height: 32px; align-items: center; color: var(--b-txt-primary); cursor: default; } ._13jwfz72 { overflow: hidden; display: flex; } ._13jwfz73 { display: flex; flex-wrap: nowrap; overflow: hidden; column-gap: sm; } ._13jwfz74 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: var(--b-spacing4); margin-right: var(--b-spacing4); flex-shrink: 1; } ._13jwfz75 { border-width: 1px 0px; border-style: solid; border-color: transparent; } ._13jwfz76 { height: 16px; line-height: 16px; overflow: hidden; display: flex; align-items: center; flex: 1 0 0; justify-content: space-between; } ._13jwfz77 { background-color: var(--b-bg-brand2); color: var(--b-txt-primary); height: 40px; } ._13jwfz78 { background-color: var(--b-bg-secondary); } ._13jwfz79 { background-color: var(--b-bg-primary); color: var(--b-txt-secondary); } ._13jwfz7a { background-color: var(--b-yellow-40); color: var(--b-txt-primary); border-radius: var(--b-radius-small); font-weight: bold; border-color: var(--b-yellow-30); } ._13jwfz7b { height: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } ._13jwfz7c { color: var(--b-gray-50); line-height: 12px; margin-bottom: 3px; } ._13jwfz7d { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: var(--b-gray-50); line-height: 12px; padding-bottom: 1.5px; } ._13jwfz7e { background-color: var(--b-bg-brand2); } ._13jwfz7f { background-color: var(--b-bg-brand2); color: var(--b-txt-primary); } ._13jwfz7g { background-color: var(--b-bg-secondary); } ._13jwfz7q { display: block; height: var(--b-spacing12); padding-left: var(--b-spacing4); padding-right: var(--b-spacing4); text-align: center; border-radius: var(--b-radius-small); } ._1gx473y0 { padding: 16px; align-items: center; box-sizing: border-box; } ._1gx473y1 { width: 280px; } ._1gx473y2 { width: 280px; box-sizing: border-box; padding-top: var(--b-spacing-reg); padding-bottom: var(--b-spacing-reg); padding-left: var(--b-spacing-tv); padding-right: var(--b-spacing-tv); } ._101sfx30 { width: 264px; min-width: 264px; } ._101sfx31 { position: relative; width: 1px; height: 100%; cursor: ew-resize; display: flex; flex-direction: row; background-color: var(--b-bg-tertiary); z-index: 1; } ._101sfx31:hover { width: 1px; background-color: var(--b-border-brand); } ._101sfx31:active { width: 1px; background-color: var(--b-border-brand); } ._101sfx31::before { content: ""; position: absolute; left: 1px; width: 9px; top: 0; bottom: 0; cursor: ew-resize; pointer-events: auto; } ._8q98z70 { width: 100%; text-align: start; padding-left: var(--b-spacing-xl); padding-right: var(--b-spacing-sm); } ._8q98z71 { padding: 6px var(--b-spacing-reg); box-sizing: border-box; cursor: pointer; } ._8q98z72 { height: 40px; padding-top: 0px; padding-bottom: 0px; } ._8q98z73 { box-sizing: border-box; } ._8q98z74 { box-sizing: border-box; } ._901nal0 { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; color: var(--b-icon-tertiary); cursor: pointer; } ._901nal1 { cursor: default; } ._901nal2 { color: var(--b-icon-primary); border: 1px solid; border-radius: 100%; border-color: var(--b-border-default); box-sizing: border-box; background-color: var(--b-icon-on-contrast); } ._901nal3 { border-color: var(--b-border-hover); } ._901nal4 { color: var(--b-icon-brand); border: 1px solid; border-radius: 100%; border-color: var(--b-border-brand); background-color: var(--b-bg-brand2); box-sizing: border-box; } ._901nal5 { width: 100%; height: 8px; border-width: 0px; border-radius: 0px; z-index: -1; } ._901nal6 { margin-top: var(--b-spacing-tv); } ._901nal7 { width: 2px; height: 100%; background-color: var(--b-border-hover); } ._901nal8 { width: 100%; border-radius: 12px; } ._1mig9480 { width: 16px; height: 100%; cursor: grab; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; left: -16px; } ._1mig9481 { box-sizing: border-box; padding: 6px 8px; } ._5w5g8c0 { align-items: center; box-sizing: border-box; } ._5w5g8c1 { width: 232px; padding-left: var(--b-spacing16); padding-right: var(--b-spacing16); padding-top: var(--b-spacing12); padding-bottom: var(--b-spacing12); } ._170hjfu0 { width: 16px; height: 16px; cursor: grab; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; left: -16px; } ._170hjfu1 { box-sizing: border-box; padding: 0px 4px 0px 8px; height: 32px; } ._170hjfu2 { background-color: var(--b-bg-secondary); } ._170hjfu3 { border-color: var(--b-border-brand); background-color: var(--b-bg-brand2); } ._170hjfu4 { border-radius: 8px; border-color: var(--b-bg-primary); border-width: 0px; border-style: solid; height: 32px; background-color: var(--b-bg-primary); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } ._13xik7n0 { background-color: var(--b-bg-secondary2); padding: 0px 8px 8px 8px; border-radius: 8px; } ._13xik7n1 { min-width: 698px; max-width: 1818px; padding-top: 36px; padding-left: 40px; padding-right: clamp(0px, 100% - 698px - 40px, 392px); } ._13xik7n2 { padding-top: 24px; } ._1e1z5r60 { box-sizing: border-box; padding: 0px 4px; height: 32px; } ._3fcso0 { flex-grow: 1; } ._3fcso1 { padding: var(--b-spacing12) var(--b-spacing8) var(--b-spacing12) var(--b-spacing12); } ._3fcso2 { margin-right: auto; } :root { --b-spacing-none: 0px; --b-spacing-xs: 2px; --b-spacing-sm: 4px; --b-spacing-reg: 8px; --b-spacing-tv: 12px; --b-spacing-md: 16px; --b-spacing-lg: 24px; --b-spacing-xl: 32px; --b-spacing-xxl: 40px; } :root { --b-font-family: "Open Sans", sans-serif; } :root { --b-txt: var(--b-gray-80); --b-txt-primary: var(--b-gray-80); --b-txt-secondary: var(--b-gray-70); --b-txt-tertiary: var(--b-gray-60); --b-txt-inactive: var(--b-gray-40); --b-txt-on-contrast: var(--b-black-white-10); --b-txt-brand: var(--b-cobalt-70); --b-txt-brand-inactive: var(--b-cobalt-40); --b-txt-danger: var(--b-red-70); --b-txt-caution: var(--b-orange-70); --b-txt-success: var(--b-green-70); --b-txt-info: var(--b-sky-blue-70); --b-txt-dynamic: var(--b-purple-70); --b-txt-dynamic-inactive: var(--b-purple-40); --b-txt-orange: var(--b-orange-60); --b-txt-purple: var(--b-purple-60); --b-txt-green: var(--b-green-50); --b-icon: var(--b-gray-80); --b-icon-primary: var(--b-gray-80); --b-icon-secondary: var(--b-gray-70); --b-icon-tertiary: var(--b-gray-60); --b-icon-inactive: var(--b-gray-40); --b-icon-on-contrast: var(--b-black-white-10); --b-icon-brand: var(--b-cobalt-70); --b-icon-brand-inactive: var(--b-cobalt-40); --b-icon-danger: var(--b-red-70); --b-icon-caution: var(--b-orange-70); --b-icon-success: var(--b-green-70); --b-icon-info: var(--b-sky-blue-70); --b-icon-dynamic: var(--b-purple-70); --b-icon-dynamic-inactive: var(--b-purple-40); --b-icon-orange: var(--b-orange-60); --b-icon-purple: var(--b-purple-60); --b-icon-green: var(--b-green-50); --b-icon-green-inactive: var(--b-green-40); --b-border: var(--b-gray-30); --b-border-default: var(--b-gray-30); --b-border-inactive: var(--b-gray-20); --b-border-hover: var(--b-gray-40); --b-border-on-contrast: var(--b-black-white-10); --b-border-contrast: var(--b-gray-70); --b-border-brand: var(--b-cobalt-70); --b-border-brand2: var(--b-cobalt-30); --b-border-focus: var(--b-sky-blue-50); --b-border-danger: var(--b-red-70); --b-border-caution: var(--b-orange-70); --b-border-success: var(--b-green-70); --b-border-info: var(--b-sky-blue-70); --b-border-dynamic: var(--b-purple-70); --b-bg-brand: var(--b-cobalt-70); --b-bg: var(--b-black-white-10); --b-bg-primary: var(--b-black-white-10); --b-bg-secondary: var(--b-gray-10); --b-bg-secondary2: var(--b-gray-20); --b-bg-tertiary: var(--b-gray-30); --b-bg-contrast1: var(--b-gray-70); --b-bg-contrast2: var(--b-gray-80); --b-bg-brand1: var(--b-cobalt-10); --b-bg-brand2: var(--b-cobalt-20); --b-bg-tertiary2: var(--b-cobalt-30); --b-bg-on-brand1: var(--b-cobalt-70); --b-bg-on-brand2: var(--b-cobalt-60); --b-bg-danger1: var(--b-red-10); --b-bg-danger2: var(--b-red-20); --b-bg-danger-disabled: var(--b-red-40); --b-bg-on-danger1: var(--b-red-70); --b-bg-on-danger2: var(--b-red-60); --b-bg-caution1: var(--b-orange-10); --b-bg-caution2: var(--b-orange-20); --b-bg-caution-disabled: var(--b-yellow-40); --b-bg-on-caution1: var(--b-orange-70); --b-bg-on-caution2: var(--b-orange-60); --b-bg-success1: var(--b-green-10); --b-bg-success2: var(--b-green-20); --b-bg-success-disabled: var(--b-green-40); --b-bg-on-success1: var(--b-green-70); --b-bg-on-success2: var(--b-green-60); --b-bg-info1: var(--b-sky-blue-10); --b-bg-info2: var(--b-sky-blue-20); --b-bg-on-info1: var(--b-sky-blue-70); --b-bg-on-info2: var(--b-sky-blue-60); --b-bg-accent-yellow: var(--b-yellow-30); --b-bg-accent-orange: var(--b-orange-30); --b-bg-accent-purple: var(--b-purple-30); --b-bg-accent-sky-blue: var(--b-sky-blue-30); --b-bg-accent-cobalt: var(--b-cobalt-30); --b-bg-accent-periwinkle: var(--b-periwinkle-30); --b-bg-accent-green: var(--b-green-30); --b-bg-green: var(--b-green-50); --b-bg-overlay-modal: rgba(0,0,0,0.3); } ._1ql74v30 { flex-direction: row; } ._1ql74v31 { flex-direction: column; } ._1ql74v32 { display: flex; } ._1ql74v35 { flex-direction: row-reverse; } ._1ql74v36 { justify-content: flex-start; } ._1ql74v37 { justify-content: flex-end; } ._1ql74v38 { justify-content: center; } ._1ql74v39 { justify-content: space-between; } ._1ql74v3a { justify-content: space-around; } ._1ql74v3b { align-items: flex-start; } ._1ql74v3c { align-items: flex-end; } ._1ql74v3d { align-items: center; } ._1ql74v3e { align-items: stretch; } ._1ql74v3f { align-items: baseline; } ._1ql74v3g { flex-wrap: wrap; } ._1ql74v3h { flex-wrap: nowrap; } ._1ql74v3i { row-gap: var(--b-spacing-none); } ._1ql74v3j { row-gap: var(--b-spacing-xs); } ._1ql74v3k { row-gap: var(--b-spacing-sm); } ._1ql74v3l { row-gap: var(--b-spacing-reg); } ._1ql74v3m { row-gap: var(--b-spacing-tv); } ._1ql74v3n { row-gap: var(--b-spacing-md); } ._1ql74v3o { row-gap: var(--b-spacing-lg); } ._1ql74v3p { row-gap: var(--b-spacing-xl); } ._1ql74v3q { row-gap: var(--b-spacing-xxl); } ._1ql74v3r { column-gap: var(--b-spacing-none); } ._1ql74v3s { column-gap: var(--b-spacing-xs); } ._1ql74v3t { column-gap: var(--b-spacing-sm); } ._1ql74v3u { column-gap: var(--b-spacing-reg); } ._1ql74v3v { column-gap: var(--b-spacing-tv); } ._1ql74v3w { column-gap: var(--b-spacing-md); } ._1ql74v3x { column-gap: var(--b-spacing-lg); } ._1ql74v3y { column-gap: var(--b-spacing-xl); } ._1ql74v3z { column-gap: var(--b-spacing-xxl); } ._1ql74v310 { flex-direction: column-reverse; } ._1ql74v311 { width: 100%; } ._1ql74v31 > ._1ql74v311 { align-self: stretch; width: auto; } ._1ql74v312 { height: 100%; } ._1ql74v30 > ._1ql74v312 { align-self: stretch; height: auto; } :root { --b-radius-small: 2px; --b-radius-regular: 4px; --b-radius-medium: 8px; --b-radius-large: 12px; } :root { --b-input-radius: var(--b-radius-regular); --b-button-radius: var(--b-radius-regular); --b-modal-radius: var(--b-radius-regular); --b-menu-radius: var(--b-radius-regular); --b-card-radius: var(--b-radius-regular); --b-badge-circle-radius: var(--b-radius-large); --b-badge-square-radius: var(--b-radius-regular); } :root { --b-level1: 0px 2px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.10); --b-level2: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 6px 12px 0px rgba(0, 0, 0, 0.12); --b-level3: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 8px 24px 0px rgba(0, 0, 0, 0.15); } :root { --b-lightbox-shadow: var(--b-level3); --b-menu-shadow: var(--b-level1); --b-popover-shadow: var(--b-level2); --b-alert-shadow: var(--b-level1); } :root { --b-spacing2: 2px; --b-spacing4: 4px; --b-spacing8: 8px; --b-spacing12: 12px; --b-spacing16: 16px; --b-spacing20: 20px; --b-spacing24: 24px; --b-spacing28: 28px; --b-spacing32: 32px; --b-spacing36: 36px; --b-spacing40: 40px; --b-spacing44: 44px; --b-spacing48: 48px; --b-spacing52: 52px; --b-spacing56: 56px; --b-spacing60: 60px; --b-spacing64: 64px; --b-spacing68: 68px; --b-spacing72: 72px; } :root { --b-spacing-padding-input: var(--b-spacing4); --b-spacing-padding-btn-regular: var(--b-spacing8); --b-spacing-padding-btn-small: var(--b-spacing4); --b-spacing-padding-list: var(--b-spacing8); } ._1lkv1fw0 { font-family: var(--b-font-family); font-size: 36px; line-height: 44px; font-weight: 600; } ._1lkv1fw1 { font-family: var(--b-font-family); font-size: 28px; line-height: 36px; font-weight: 600; } ._1lkv1fw2 { font-family: var(--b-font-family); font-size: 22px; text-align: initial; line-height: 32px; font-weight: 600; } ._1lkv1fw3 { font-family: var(--b-font-family); font-size: 18px; line-height: 28px; font-weight: 600; } ._1lkv1fw4 { font-family: var(--b-font-family); font-size: 16px; line-height: 24px; font-weight: 600; } ._1lkv1fw5 { font-family: var(--b-font-family); font-size: 16px; line-height: 24px; letter-spacing: 3px; font-weight: 600; } ._1lkv1fw6 { font-family: var(--b-font-family); font-size: 12px; line-height: 16px; letter-spacing: 3px; font-weight: 600; } ._1lkv1fw7 { font-family: var(--b-font-family); font-size: 14px; line-height: 20px; font-weight: 400; } ._1lkv1fw8 { font-family: var(--b-font-family); font-size: 10px; line-height: 16px; font-weight: 400; } ._1lkv1fw9 { font-family: var(--b-font-family); font-size: 12px; line-height: 16px; font-weight: 400; } ._1lkv1fwa { font-family: var(--b-font-family); font-size: 12px; line-height: 16px; font-weight: 600; } ._1lkv1fwb { font-weight: 400; } ._1lkv1fwc { font-weight: 700; } ._1lkv1fwd { font-weight: 600; } ._1ij2r30 { color: var(--b-txt); } ._1ij2r31 { color: var(--b-txt-primary); } ._1ij2r32 { color: var(--b-txt-secondary); } ._1ij2r33 { color: var(--b-txt-tertiary); } ._1ij2r34 { color: var(--b-txt-inactive); } ._1ij2r35 { color: var(--b-txt-on-contrast); } ._1ij2r36 { color: var(--b-txt-brand); } ._1ij2r37 { color: var(--b-txt-brand-inactive); } ._1ij2r38 { color: var(--b-txt-danger); } ._1ij2r39 { color: var(--b-txt-caution); } ._1ij2r3a { color: var(--b-txt-success); } ._1ij2r3b { color: var(--b-txt-info); } ._1ij2r3c { color: var(--b-txt-dynamic); } ._1ij2r3d { color: var(--b-txt-dynamic-inactive); } ._1ij2r3e { color: var(--b-txt-orange); } ._1ij2r3f { color: var(--b-txt-purple); } ._1ij2r3g { color: var(--b-txt-green); } ._1ij2r3h { color: var(--b-icon); } ._1ij2r3i { color: var(--b-icon-primary); } ._1ij2r3j { color: var(--b-icon-secondary); } ._1ij2r3k { color: var(--b-icon-tertiary); } ._1ij2r3l { color: var(--b-icon-inactive); } ._1ij2r3m { color: var(--b-icon-on-contrast); } ._1ij2r3n { color: var(--b-icon-brand); } ._1ij2r3o { color: var(--b-icon-brand-inactive); } ._1ij2r3p { color: var(--b-icon-danger); } ._1ij2r3q { color: var(--b-icon-caution); } ._1ij2r3r { color: var(--b-icon-success); } ._1ij2r3s { color: var(--b-icon-info); } ._1ij2r3t { color: var(--b-icon-dynamic); } ._1ij2r3u { color: var(--b-icon-dynamic-inactive); } ._1ij2r3v { color: var(--b-icon-orange); } ._1ij2r3w { color: var(--b-icon-purple); } ._1ij2r3x { color: var(--b-icon-green); } ._1ij2r3y { color: var(--b-icon-green-inactive); } ._1ij2r3z { color: var(--b-border); } ._1ij2r310 { color: var(--b-border-default); } ._1ij2r311 { color: var(--b-border-inactive); } ._1ij2r312 { color: var(--b-border-hover); } ._1ij2r313 { color: var(--b-border-on-contrast); } ._1ij2r314 { color: var(--b-border-contrast); } ._1ij2r315 { color: var(--b-border-brand); } ._1ij2r316 { color: var(--b-border-brand2); } ._1ij2r317 { color: var(--b-border-focus); } ._1ij2r318 { color: var(--b-border-danger); } ._1ij2r319 { color: var(--b-border-caution); } ._1ij2r31a { color: var(--b-border-success); } ._1ij2r31b { color: var(--b-border-info); } ._1ij2r31c { color: var(--b-border-dynamic); } ._1ij2r31d { color: var(--b-bg); } ._1ij2r31e { color: var(--b-bg-brand); } ._1ij2r31f { color: var(--b-bg-primary); } ._1ij2r31g { color: var(--b-bg-secondary); } ._1ij2r31h { color: var(--b-bg-secondary2); } ._1ij2r31i { color: var(--b-bg-tertiary); } ._1ij2r31j { color: var(--b-bg-contrast1); } ._1ij2r31k { color: var(--b-bg-contrast2); } ._1ij2r31l { color: var(--b-bg-brand1); } ._1ij2r31m { color: var(--b-bg-brand2); } ._1ij2r31n { color: var(--b-bg-tertiary2); } ._1ij2r31o { color: var(--b-bg-on-brand1); } ._1ij2r31p { color: var(--b-bg-on-brand2); } ._1ij2r31q { color: var(--b-bg-danger1); } ._1ij2r31r { color: var(--b-bg-danger2); } ._1ij2r31s { color: var(--b-bg-danger-disabled); } ._1ij2r31t { color: var(--b-bg-on-danger1); } ._1ij2r31u { color: var(--b-bg-on-danger2); } ._1ij2r31v { color: var(--b-bg-caution1); } ._1ij2r31w { color: var(--b-bg-caution2); } ._1ij2r31x { color: var(--b-bg-caution-disabled); } ._1ij2r31y { color: var(--b-bg-on-caution1); } ._1ij2r31z { color: var(--b-bg-on-caution2); } ._1ij2r320 { color: var(--b-bg-success1); } ._1ij2r321 { color: var(--b-bg-success2); } ._1ij2r322 { color: var(--b-bg-success-disabled); } ._1ij2r323 { color: var(--b-bg-on-success1); } ._1ij2r324 { color: var(--b-bg-on-success2); } ._1ij2r325 { color: var(--b-bg-info1); } ._1ij2r326 { color: var(--b-bg-info2); } ._1ij2r327 { color: var(--b-bg-on-info1); } ._1ij2r328 { color: var(--b-bg-on-info2); } ._1ij2r329 { color: var(--b-bg-accent-yellow); } ._1ij2r32a { color: var(--b-bg-accent-orange); } ._1ij2r32b { color: var(--b-bg-accent-purple); } ._1ij2r32c { color: var(--b-bg-accent-sky-blue); } ._1ij2r32d { color: var(--b-bg-accent-cobalt); } ._1ij2r32e { color: var(--b-bg-accent-periwinkle); } ._1ij2r32f { color: var(--b-bg-accent-green); } ._1ij2r32g { color: var(--b-bg-green); } ._1ij2r32h { color: var(--b-bg-overlay-modal); } ._1nfonn86 { margin: var(--_1nfonn80); padding: var(--_1nfonn85); text-align: var(--_1nfonn81); white-space: var(--_1nfonn82); overflow: var(--_1nfonn83); text-overflow: var(--_1nfonn84); } .py18712 { box-sizing: border-box; background: none; border: none; display: block; min-width: var(--py18711); width: var(--py18711); height: var(--py18710); min-height: var(--py18710); } .py1871l { --py18711: 12px; --py18710: 12px; } .py1871m { --py18711: 16px; --py18710: 16px; } .py1871n { --py18711: 24px; --py18710: 24px; } .py1871o { --py18711: 32px; --py18710: 32px; } .py1871p { display: block; width: 100%; height: 100%; } ._9rzlss0 { width: 100%; } ._9rzlss1 { height: 100%; } ._9rzlss2 { overflow: hidden; } ._1uejfp93 { background-color: var(--b-bg-secondary); } ._1uejfp94 { display: flex; flex-direction: column; row-gap: var(--b-spacing-reg); } ._1uejfp95 { --_1uejfp90: 32px; --_1uejfp91: 1px; width: 220px; } ._1uejfp96 { --_1uejfp90: 38px; --_1uejfp91: 2px; width: 260px; } ._1uejfp97 { --_1uejfp90: 38px; --_1uejfp91: 2px; } ._1uejfp9b { --_1uejfp90: 24px; } ._1uejfp9d { --_1uejfp92: var(--b-icon-primary); display: flex; color: var(--b-txt-primary); box-sizing: border-box; min-height: var(--_1uejfp90); height: var(--_1uejfp90); border-color: var(--b-border-default); border-radius: var(--b-input-radius); border-style: solid; border-width: var(--_1uejfp91); } ._1uejfp9d:hover:not(._1uejfp93):not(:focus-within) { border-color: var(--b-border-hover); } ._1uejfp9d:focus-within { border-color: var(--b-border-brand); } ._1uejfp9e { border-style: none; } ._1uejfp9f { --_1uejfp92: var(--b-icon-danger); border-color: var(--b-border-danger); } ._1uejfp9f:hover:not(._1uejfp93):not(:focus-within) { border-color: var(--b-border-danger); } ._1uejfp9f:focus-within { border-color: var(--b-border-danger); } ._1uejfp9g { --_1uejfp92: var(--b-icon-success); border-color: var(--b-border-success); } ._1uejfp9g:hover:not(._1uejfp93):not(:focus-within) { border-color: var(--b-border-success); } ._1uejfp9g:focus-within { border-color: var(--b-border-success); } ._1uejfp9h:hover:not(._1uejfp93):not(:focus-within) { background-color: var(--b-bg-secondary); border-color: var(--b-border-default); cursor: pointer; } ._1uejfp9h:focus-within { background-color: var(--b-bg-secondary); border-color: var(--b-border-default); } ._1uejfp9i { height: unset; align-items: center; } ._1uejfp9j { border-radius: var(--b-input-radius); } ._1uejfp9k { border-radius: 0px; } ._1uejfp9l { border-radius: 0px var(--b-input-radius) var(--b-input-radius) 0px; } ._1uejfp9m { border-radius: var(--b-input-radius) 0px 0px var(--b-input-radius); } ._1uejfp9o { all: unset; display: block; width: 100%; cursor: text; min-width: 0; flex-grow: 1; flex-shrink: 1; box-sizing: border-box; padding: var(--b-spacing8); padding-top: var(--b-spacing-padding-input); padding-bottom: var(--b-spacing-padding-input); } ._1uejfp9o::placeholder { color: var(--b-txt-tertiary); } ._1uejfp9p { padding-top: var(--b-spacing8); padding-bottom: var(--b-spacing8); } ._1uejfp9q { align-items: center; line-height: 140%; word-wrap: break-word; overflow: hidden; } ._1uejfp9r { padding-left: 0; } ._1uejfp9s { padding-right: 0; } ._1uejfp9t { padding-left: 3px; width: 100%; } ._1uejfp9u { cursor: default; } ._1uejfp9v { cursor: default; } ._1uejfp9w { color: var(--_1uejfp92); flex: none; align-self: center; border: 0; background: transparent; cursor: inherit; } ._1uejfp9x { color: var(--b-icon-tertiary); } ._1uejfp9y { padding-right: var(--b-spacing-padding-btn-small); } ._1uejfp9z { padding: var(--b-spacing-padding-btn-regular); } ._1m0eq2n5 { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-bg-on-brand1); --_1m0eq2n2: var(--b-bg-on-brand2); --_1m0eq2n3: var(--b-bg-brand1); --_1m0eq2n4: var(--b-bg-accent-cobalt); } ._1m0eq2n6 { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-bg-contrast1); --_1m0eq2n2: var(--b-bg-contrast2); --_1m0eq2n3: var(--b-bg-secondary); --_1m0eq2n4: var(--b-bg-primary); } ._1m0eq2n7 { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-icon-primary); --_1m0eq2n2: var(--b-bg-tertiary); --_1m0eq2n3: var(--b-bg-tertiary); --_1m0eq2n4: var(--b-bg-primary); } ._1m0eq2n8 { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-icon-primary); --_1m0eq2n2: var(--b-bg-tertiary2); --_1m0eq2n3: var(--b-bg-tertiary2); --_1m0eq2n4: var(--b-bg-primary); } ._1m0eq2n9 { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-bg-on-danger1); --_1m0eq2n2: var(--b-bg-on-danger2); --_1m0eq2n3: var(--b-bg-danger1); --_1m0eq2n4: var(--b-bg-danger-disabled); } ._1m0eq2na { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-bg-on-caution1); --_1m0eq2n2: var(--b-bg-on-caution2); --_1m0eq2n3: var(--b-bg-caution1); --_1m0eq2n4: var(--b-bg-caution-disabled); } ._1m0eq2nb { --_1m0eq2n0: var(--b-txt-on-contrast); --_1m0eq2n1: var(--b-bg-on-success1); --_1m0eq2n2: var(--b-bg-on-success2); --_1m0eq2n3: var(--b-bg-success1); --_1m0eq2n4: var(--b-bg-success-disabled); } ._1m0eq2nh { --_1m0eq2nc: var(--b-spacing-reg); --_1m0eq2nd: 0px; box-sizing: border-box; border: none; border-radius: var(--b-button-radius); padding: calc(var(--_1m0eq2nc) - var(--_1m0eq2nd)); display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; } ._1m0eq2nh:hover { text-decoration: none; } ._1m0eq2nh:focus-visible { text-decoration: none; box-shadow: 0px 0px 0px 3px var(--b-border-focus); outline: none; } ._1m0eq2np { --_1m0eq2nf: var(--b-spacing-reg); --_1m0eq2ng: var(--b-spacing-reg); --_1m0eq2nc: var(--b-spacing-sm); column-gap: var(--b-spacing-sm); padding-left: calc(var(--_1m0eq2nf) - var(--_1m0eq2nd)); padding-right: calc(var(--_1m0eq2ng) - var(--_1m0eq2nd)); } ._1m0eq2nq { column-gap: var(--b-spacing-sm); } ._1m0eq2nr { --_1m0eq2nc: var(--b-spacing-md); } ._1m0eq2ns { color: var(--_1m0eq2n0); background: var(--_1m0eq2n1); } ._1m0eq2ns:hover { background: var(--_1m0eq2n2); } ._1m0eq2ns:visited { color: var(--_1m0eq2n0); } ._1m0eq2nt { --_1m0eq2ne: var(--_1m0eq2n3); color: var(--_1m0eq2n1); background: none; } ._1m0eq2nt:hover { background: var(--_1m0eq2n3); } ._1m0eq2nt:visited { color: var(--_1m0eq2n1); } ._1m0eq2nu { --_1m0eq2ne: var(--_1m0eq2n3); --_1m0eq2nd: 1px; color: var(--_1m0eq2n1); background: none; border: 1px solid var(--_1m0eq2n1); } ._1m0eq2nu:hover { background: var(--_1m0eq2n3); } ._1m0eq2nu:visited { color: var(--_1m0eq2n1); } ._1m0eq2nv { --_1m0eq2ne: var(--_1m0eq2n3); --_1m0eq2nc: 0; color: var(--_1m0eq2n1); background: none; } ._1m0eq2nv:hover { background: none; } ._1m0eq2nv:visited { color: var(--_1m0eq2n1); } ._1m0eq2nw { --_1m0eq2nd: 1px; color: var(--_1m0eq2n0); background: var(--_1m0eq2n1); border: 1px solid var(--_1m0eq2n0); } ._1m0eq2nw:hover { background: var(--_1m0eq2n2); } ._1m0eq2nw:visited { color: var(--_1m0eq2n0); } ._1m0eq2nx { border-radius: 0; } ._1m0eq2ny { border-radius: var(--b-button-radius); } ._1m0eq2nz { border-radius: 0px; } ._1m0eq2n10 { border-radius: 0px var(--b-button-radius) var(--b-button-radius) 0px; } ._1m0eq2n11 { border-radius: var(--b-button-radius) 0px 0px var(--b-button-radius); } ._1m0eq2n12 { --_1m0eq2n1: var(--_1m0eq2n4); --_1m0eq2n2: var(--_1m0eq2n4); --_1m0eq2n3: var(--b-bg-primary); --_1m0eq2n0: var(--b-txt-on-contrast); cursor: default; } ._1m0eq2n13 { width: 100%; justify-content: center; } ._1m0eq2n14 { justify-content: space-between; } ._1m0eq2n15 { background: var(--_1m0eq2ne); } ._1m0eq2n16 { white-space: nowrap; } ._1m0eq2n17 { --_1m0eq2n1: var(--b-txt-primary); border-color: var(--b-border-default); } ._1m0eq2n18 { --_1m0eq2n1: var(--b-txt-inactive); --_1m0eq2n0: var(--b-txt-inactive); } ._1m0eq2n19 { --_1m0eq2n1: var(--b-bg-secondary); --_1m0eq2n2: var(--b-bg-secondary); } ._1m0eq2n1a { --_1m0eq2n1: var(--b-bg-secondary); --_1m0eq2n2: var(--b-bg-secondary); } ._1ox6jxm1 { border-radius: var(--_1ox6jxm0); position: absolute; max-width: 260px; } ._1ox6jxm2 { background-color: var(--b-bg-contrast1); color: var(--b-txt-on-contrast); } ._1ox6jxm3 { background-color: var(--b-bg-primary); color: var(--b-txt-primary); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14); } ._1ox6jxm4 { padding: var(--b-spacing4) var(--b-spacing8); } ._1ox6jxm5 { padding: var(--b-spacing8) var(--b-spacing12); } ._1ox6jxm6 { position: relative; display: inline-block; } .h4hvq90 { position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; height: auto; min-width: 8px; flex-shrink: 0; } .h4hvq91 { border-radius: var(--b-badge-circle-radius); } .h4hvq92 { border-radius: var(--b-badge-square-radius); } .h4hvq93 { background: var(--b-cobalt-20); color: var(--b-cobalt-70); } .h4hvq94 { background: var(--b-red-20); color: var(--b-red-70); } .h4hvq95 { background: var(--b-green-20); color: var(--b-green-70); } .h4hvq96 { background: var(--b-gray-10); color: var(--b-gray-80); } .h4hvq97 { background: var(--b-sky-blue-30); color: var(--b-sky-blue-60); } .h4hvq98 { background: var(--b-red-30); color: var(--b-red-60); } .h4hvq99 { background: var(--b-green-30); color: var(--b-green-60); } .h4hvq9a { background: var(--b-yellow-30); color: var(--b-yellow-60); } .h4hvq9b { background: var(--b-purple-30); color: var(--b-purple-60); } .h4hvq9c { background: var(--b-cyan-30); color: var(--b-cyan-60); } .h4hvq9d { background: var(--b-orange-30); color: var(--b-orange-60); } .h4hvq9e { background: var(--b-livid-30); color: var(--b-livid-70); } .h4hvq9f { background: var(--b-livid-30); color: var(--b-livid-70); } .h4hvq9g { background: var(--b-livid-20); color: var(--b-gray-70); } ._5r6zug0 { --_5r6zug1: initial; --_5r6zug2: initial; --_5r6zug3: initial; --_5r6zug4: initial; --_5r6zug5: initial; --_5r6zug6: initial; --_5r6zug7: initial; --_5r6zug8: initial; --_5r6zug9: initial; --_5r6zuga: initial; --_5r6zugb: initial; --_5r6zugc: initial; --_5r6zugd: initial; --_5r6zuge: initial; --_5r6zugf: initial; --_5r6zugg: initial; --_5r6zugh: initial; --_5r6zugi: initial; --_5r6zugj: initial; --_5r6zugk: initial; --_5r6zugl: initial; --_5r6zugm: initial; --_5r6zugn: initial; --_5r6zugo: initial; --_5r6zugp: initial; --_5r6zugq: initial; --_5r6zugr: initial; --_5r6zugs: initial; --_5r6zugt: initial; --_5r6zugu: initial; --_5r6zugv: initial; --_5r6zugw: none; --_5r6zugx: primary; --_5r6zugy: initial; } ._5r6zugz { width: var(--_5r6zug2); min-width: var(--_5r6zug3); max-width: var(--_5r6zug4); height: var(--_5r6zug5); min-height: var(--_5r6zug6); max-height: var(--_5r6zug7); padding-inline-start: var(--_5r6zuga, var(--_5r6zug9)); padding-inline-end: var(--_5r6zugb, var(--_5r6zug9)); padding-block-start: var(--_5r6zugc, var(--_5r6zug9)); padding-block-end: var(--_5r6zugd, var(--_5r6zug9)); margin-inline-start: var(--_5r6zugf, var(--_5r6zuge)); margin-inline-end: var(--_5r6zugg, var(--_5r6zuge)); margin-block-start: var(--_5r6zugh, var(--_5r6zuge)); margin-block-end: var(--_5r6zugi, var(--_5r6zuge)); border-inline-start: var(--_5r6zugk, var(--_5r6zugj)); border-inline-end: var(--_5r6zugl, var(--_5r6zugj)); border-block-start: var(--_5r6zugm, var(--_5r6zugj)); border-block-end: var(--_5r6zugn, var(--_5r6zugj)); border-inline-start-width: var(--_5r6zugp, var(--_5r6zugo)); border-inline-end-width: var(--_5r6zugq, var(--_5r6zugo)); border-block-start-width: var(--_5r6zugr, var(--_5r6zugo)); border-block-end-width: var(--_5r6zugs, var(--_5r6zugo)); border-radius: var(--_5r6zugt); overflow-x: var(--_5r6zugu); overflow-y: var(--_5r6zugv); box-sizing: var(--_5r6zug1); aspect-ratio: var(--_5r6zug8); box-shadow: var(--_5r6zugw); background-color: var(--_5r6zugx); background-clip: var(--_5r6zugy); } .yqx71p1 { border: none; border-radius: 50%; cursor: default; background: var(--yqx71p0); display: flex; justify-content: center; align-items: center; } .yqx71p2 { width: var(--b-spacing-md); height: var(--b-spacing-md); padding: 0; } .yqx71p3 { width: var(--b-spacing-lg); height: var(--b-spacing-lg); } .yqx71p4 { background-color: var(--b-cobalt-70); color: var(--b-black-white-10); cursor: pointer; } .yqx71p5 { display: flex; align-items: center; justify-content: center; } .yqx71p6 { width: max-content; max-width: 100%; display: flex; align-items: center; gap: var(--b-spacing-reg); } .yqx71p7 { display: flex; align-items: center; justify-content: center; border-radius: var(--b-radius-regular); } .yqx71p9 { width: var(--b-spacing-xl); height: var(--b-spacing-xl); padding: 0; } .yqx71pa { width: var(--b-spacing-xxl); height: var(--b-spacing-xxl); padding: 0; } .yqx71pb { cursor: pointer; } .yqx71pb:hover { background-color: var(--b-bg-secondary); } @keyframes z572s60 { from { opacity: 0; } to { opacity: 1; } } @keyframes z572s61 { from { opacity: 1; } to { opacity: 0; } } @keyframes z572s62 { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes z572s63 { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); } } .z572s64 { position: fixed; inset: 0; z-index: 50000002; background-color: var(--b-bg-overlay-modal); animation: z572s61 250ms ease 100ms forwards; } .z572s64[data-expanded] { animation: z572s60 250ms ease; } .z572s65 { position: fixed; inset: 0; z-index: 50000002; display: flex; align-items: center; justify-content: center; } .z572s66 { z-index: 50000002; border: 1px solid var(--b-border-default); border-radius: var(--b-radius-large); background-color: var(--b-bg-primary); box-shadow: var(--b-popover-shadow); overflow: hidden; animation: z572s63 300ms ease-in forwards; } .z572s66:focus-visible { outline: none; } .z572s66[data-expanded] { animation: z572s62 300ms ease-out; } .z572s67 { background-color: var(--b-bg-primary); border: none; border-radius: var(--b-button-radius); color: var(--b-icon-primary); padding: var(--b-spacing8); } .z572s67:hover { cursor: pointer; text-decoration: none; background: var(--b-bg-secondary); } .z572s67:focus-visible { text-decoration: none; box-shadow: 0px 0px 0px 3px var(--b-border-focus); outline: none; } ._16zpnji0 { box-sizing: border-box; background: var(--b-border-default); } ._16zpnji1 { height: 1px; max-height: 1px; min-height: 1px; } ._16zpnji2 { width: 1px; max-width: 1px; min-width: 1px; } .menu-bar > * { float: left; } .menu-bar .project-name.menu-item { min-width: 214px !important; } .main-tab-bar:not(.butter) { color: rgb(0, 0, 0); font-family: "Open Sans", Helvetica, Arial, sans-serif; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; } .main-tab-bar:not(.butter) .tab.tabs-1 { padding-left: 6px !important; } .main-tab-bar:not(.butter) .tab.tabs-1:before { content: "\f4d5"; font-family: "Ionicons"; margin-bottom: 2px; margin-left: 11px; font-size: 26px; } .main-tab-bar:not(.butter) .tab.tabs-3 { padding-left: 4px !important; } .main-tab-bar:not(.butter) .tab.tabs-3:before { content: "\e629"; font-size: 21px; margin-left: 9px; margin-bottom: -1px; } .main-tab-bar:not(.butter) .tab.tabs-2 { padding-left: 8px !important; } .main-tab-bar:not(.butter) .tab.tabs-2:before { content: "\e63a"; margin-left: 0px; font-size: 28px; margin-bottom: 2px; } .main-tab-bar:not(.butter) .tab.tabs-4 { padding-left: 2px !important; } .main-tab-bar:not(.butter) .tab.tabs-4:before { content: "\e628"; margin-left: 10px; } .main-tab-bar:not(.butter) .tab.tabs-5 { padding-left: 7px !important; } .main-tab-bar:not(.butter) .tab.tabs-5:before { content: "\e62b"; margin-left: 6px; } .main-tab-bar:not(.butter) .tab.tabs-6 { padding-left: 6px !important; } .main-tab-bar:not(.butter) .tab.tabs-6:before { content: "\e62a"; margin-left: 6px; } .main-tab-bar:not(.butter) .tab.tabs-7 { padding-left: 5px !important; } .main-tab-bar:not(.butter) .tab.tabs-7:before { content: "\f12e"; font-size: 29px; font-family: "Ionicons"; margin-left: 13px; margin-bottom: 2px; } .mainwindow { left: 60px; padding-right: 40px; z-index: 3; } .top-menu.user_menu { margin-left: -88px; } .top-menu.user_menu:before { margin-left: 93px; } .menu-bar .project-name.menu-item { cursor: default; min-width: 220px; } .menu-bar .project-name.menu-item:hover { background-color: transparent !important; } .general, .api, .sharedtech, .elements, .actions, .versions, .stats, .esc-mention { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .esc-mention { color: rgb(0, 0, 0); margin-left: 39%; font-size: 12px; margin-top: 11px; cursor: pointer; position: fixed; } /* .bubble-ui.composer-dropdown .spot.empty.mandatory, .TextBox.mandatory.empty.bubble-ui { border: 1px solid $bubble_red !important; }*/ .general-editor, .api-editor, .elements-editor, .actions-editor, .versions-editor, .stats-editor, .sharedtech-editor { padding: 0px 30px 100px 30px; color: rgb(0, 0, 0); font-size: 14px; position: relative; overflow: auto; } .general-editor .title, .api-editor .title, .elements-editor .title, .actions-editor .title, .versions-editor .title, .stats-editor .title, .sharedtech-editor .title { float: left; font-size: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin-bottom: 40px; margin-top: 16px; } .general-editor .main-instructions, .api-editor .main-instructions, .elements-editor .main-instructions, .actions-editor .main-instructions, .versions-editor .main-instructions, .stats-editor .main-instructions, .sharedtech-editor .main-instructions { float: left; clear: both; margin-bottom: 24px; } .general-editor .documentation-instructions, .api-editor .documentation-instructions, .elements-editor .documentation-instructions, .actions-editor .documentation-instructions, .versions-editor .documentation-instructions, .stats-editor .documentation-instructions, .sharedtech-editor .documentation-instructions { float: left; clear: both; margin-bottom: 5px; width: 800px; } .general-editor .caption a, .api-editor .caption a, .elements-editor .caption a, .actions-editor .caption a, .versions-editor .caption a, .stats-editor .caption a, .sharedtech-editor .caption a { color: #0205d3; } .general-editor .plugin-prop-wrapper, .general-editor .github-wrapper, .general-editor .change-log-wrapper, .general-editor .other-editors-wrapper, .versions-editor .plugin-prop-wrapper, .versions-editor .github-wrapper, .versions-editor .change-log-wrapper, .versions-editor .other-editors-wrapper, .stats-editor .plugin-prop-wrapper, .stats-editor .github-wrapper, .stats-editor .change-log-wrapper, .stats-editor .other-editors-wrapper, .sharedtech-editor .plugin-prop-wrapper, .sharedtech-editor .github-wrapper, .sharedtech-editor .change-log-wrapper, .sharedtech-editor .other-editors-wrapper { float: left; clear: both; width: 700px; } .general-editor .plugin-prop-wrapper .caption, .general-editor .github-wrapper .caption, .general-editor .change-log-wrapper .caption, .general-editor .other-editors-wrapper .caption, .versions-editor .plugin-prop-wrapper .caption, .versions-editor .github-wrapper .caption, .versions-editor .change-log-wrapper .caption, .versions-editor .other-editors-wrapper .caption, .stats-editor .plugin-prop-wrapper .caption, .stats-editor .github-wrapper .caption, .stats-editor .change-log-wrapper .caption, .stats-editor .other-editors-wrapper .caption, .sharedtech-editor .plugin-prop-wrapper .caption, .sharedtech-editor .github-wrapper .caption, .sharedtech-editor .change-log-wrapper .caption, .sharedtech-editor .other-editors-wrapper .caption { float: left; line-height: 1.5; margin-top: 5px; } .general-editor .plugin-prop-wrapper .bubble-ui, .general-editor .plugin-prop-wrapper .result, .general-editor .github-wrapper .bubble-ui, .general-editor .github-wrapper .result, .general-editor .change-log-wrapper .bubble-ui, .general-editor .change-log-wrapper .result, .general-editor .other-editors-wrapper .bubble-ui, .general-editor .other-editors-wrapper .result, .versions-editor .plugin-prop-wrapper .bubble-ui, .versions-editor .plugin-prop-wrapper .result, .versions-editor .github-wrapper .bubble-ui, .versions-editor .github-wrapper .result, .versions-editor .change-log-wrapper .bubble-ui, .versions-editor .change-log-wrapper .result, .versions-editor .other-editors-wrapper .bubble-ui, .versions-editor .other-editors-wrapper .result, .stats-editor .plugin-prop-wrapper .bubble-ui, .stats-editor .plugin-prop-wrapper .result, .stats-editor .github-wrapper .bubble-ui, .stats-editor .github-wrapper .result, .stats-editor .change-log-wrapper .bubble-ui, .stats-editor .change-log-wrapper .result, .stats-editor .other-editors-wrapper .bubble-ui, .stats-editor .other-editors-wrapper .result, .sharedtech-editor .plugin-prop-wrapper .bubble-ui, .sharedtech-editor .plugin-prop-wrapper .result, .sharedtech-editor .github-wrapper .bubble-ui, .sharedtech-editor .github-wrapper .result, .sharedtech-editor .change-log-wrapper .bubble-ui, .sharedtech-editor .change-log-wrapper .result, .sharedtech-editor .other-editors-wrapper .bubble-ui, .sharedtech-editor .other-editors-wrapper .result { float: right; } .general-editor .plugin-prop-wrapper .result, .general-editor .github-wrapper .result, .general-editor .change-log-wrapper .result, .general-editor .other-editors-wrapper .result, .versions-editor .plugin-prop-wrapper .result, .versions-editor .github-wrapper .result, .versions-editor .change-log-wrapper .result, .versions-editor .other-editors-wrapper .result, .stats-editor .plugin-prop-wrapper .result, .stats-editor .github-wrapper .result, .stats-editor .change-log-wrapper .result, .stats-editor .other-editors-wrapper .result, .sharedtech-editor .plugin-prop-wrapper .result, .sharedtech-editor .github-wrapper .result, .sharedtech-editor .change-log-wrapper .result, .sharedtech-editor .other-editors-wrapper .result { color: #0205d3; margin-top: 9px; } .general-editor .plugin-prop-wrapper input.name, .general-editor .plugin-prop-wrapper .description, .general-editor .plugin-prop-wrapper .plugin_instructions, .general-editor .plugin-prop-wrapper .link, .general-editor .plugin-prop-wrapper .demo_page, .general-editor .github-wrapper input.name, .general-editor .github-wrapper .description, .general-editor .github-wrapper .plugin_instructions, .general-editor .github-wrapper .link, .general-editor .github-wrapper .demo_page, .general-editor .change-log-wrapper input.name, .general-editor .change-log-wrapper .description, .general-editor .change-log-wrapper .plugin_instructions, .general-editor .change-log-wrapper .link, .general-editor .change-log-wrapper .demo_page, .general-editor .other-editors-wrapper input.name, .general-editor .other-editors-wrapper .description, .general-editor .other-editors-wrapper .plugin_instructions, .general-editor .other-editors-wrapper .link, .general-editor .other-editors-wrapper .demo_page, .versions-editor .plugin-prop-wrapper input.name, .versions-editor .plugin-prop-wrapper .description, .versions-editor .plugin-prop-wrapper .plugin_instructions, .versions-editor .plugin-prop-wrapper .link, .versions-editor .plugin-prop-wrapper .demo_page, .versions-editor .github-wrapper input.name, .versions-editor .github-wrapper .description, .versions-editor .github-wrapper .plugin_instructions, .versions-editor .github-wrapper .link, .versions-editor .github-wrapper .demo_page, .versions-editor .change-log-wrapper input.name, .versions-editor .change-log-wrapper .description, .versions-editor .change-log-wrapper .plugin_instructions, .versions-editor .change-log-wrapper .link, .versions-editor .change-log-wrapper .demo_page, .versions-editor .other-editors-wrapper input.name, .versions-editor .other-editors-wrapper .description, .versions-editor .other-editors-wrapper .plugin_instructions, .versions-editor .other-editors-wrapper .link, .versions-editor .other-editors-wrapper .demo_page, .stats-editor .plugin-prop-wrapper input.name, .stats-editor .plugin-prop-wrapper .description, .stats-editor .plugin-prop-wrapper .plugin_instructions, .stats-editor .plugin-prop-wrapper .link, .stats-editor .plugin-prop-wrapper .demo_page, .stats-editor .github-wrapper input.name, .stats-editor .github-wrapper .description, .stats-editor .github-wrapper .plugin_instructions, .stats-editor .github-wrapper .link, .stats-editor .github-wrapper .demo_page, .stats-editor .change-log-wrapper input.name, .stats-editor .change-log-wrapper .description, .stats-editor .change-log-wrapper .plugin_instructions, .stats-editor .change-log-wrapper .link, .stats-editor .change-log-wrapper .demo_page, .stats-editor .other-editors-wrapper input.name, .stats-editor .other-editors-wrapper .description, .stats-editor .other-editors-wrapper .plugin_instructions, .stats-editor .other-editors-wrapper .link, .stats-editor .other-editors-wrapper .demo_page, .sharedtech-editor .plugin-prop-wrapper input.name, .sharedtech-editor .plugin-prop-wrapper .description, .sharedtech-editor .plugin-prop-wrapper .plugin_instructions, .sharedtech-editor .plugin-prop-wrapper .link, .sharedtech-editor .plugin-prop-wrapper .demo_page, .sharedtech-editor .github-wrapper input.name, .sharedtech-editor .github-wrapper .description, .sharedtech-editor .github-wrapper .plugin_instructions, .sharedtech-editor .github-wrapper .link, .sharedtech-editor .github-wrapper .demo_page, .sharedtech-editor .change-log-wrapper input.name, .sharedtech-editor .change-log-wrapper .description, .sharedtech-editor .change-log-wrapper .plugin_instructions, .sharedtech-editor .change-log-wrapper .link, .sharedtech-editor .change-log-wrapper .demo_page, .sharedtech-editor .other-editors-wrapper input.name, .sharedtech-editor .other-editors-wrapper .description, .sharedtech-editor .other-editors-wrapper .plugin_instructions, .sharedtech-editor .other-editors-wrapper .link, .sharedtech-editor .other-editors-wrapper .demo_page { width: 400px; } .general-editor .plugin-prop-wrapper .description, .general-editor .plugin-prop-wrapper .plugin_instructions, .general-editor .github-wrapper .description, .general-editor .github-wrapper .plugin_instructions, .general-editor .change-log-wrapper .description, .general-editor .change-log-wrapper .plugin_instructions, .general-editor .other-editors-wrapper .description, .general-editor .other-editors-wrapper .plugin_instructions, .versions-editor .plugin-prop-wrapper .description, .versions-editor .plugin-prop-wrapper .plugin_instructions, .versions-editor .github-wrapper .description, .versions-editor .github-wrapper .plugin_instructions, .versions-editor .change-log-wrapper .description, .versions-editor .change-log-wrapper .plugin_instructions, .versions-editor .other-editors-wrapper .description, .versions-editor .other-editors-wrapper .plugin_instructions, .stats-editor .plugin-prop-wrapper .description, .stats-editor .plugin-prop-wrapper .plugin_instructions, .stats-editor .github-wrapper .description, .stats-editor .github-wrapper .plugin_instructions, .stats-editor .change-log-wrapper .description, .stats-editor .change-log-wrapper .plugin_instructions, .stats-editor .other-editors-wrapper .description, .stats-editor .other-editors-wrapper .plugin_instructions, .sharedtech-editor .plugin-prop-wrapper .description, .sharedtech-editor .plugin-prop-wrapper .plugin_instructions, .sharedtech-editor .github-wrapper .description, .sharedtech-editor .github-wrapper .plugin_instructions, .sharedtech-editor .change-log-wrapper .description, .sharedtech-editor .change-log-wrapper .plugin_instructions, .sharedtech-editor .other-editors-wrapper .description, .sharedtech-editor .other-editors-wrapper .plugin_instructions { min-height: 120px; } .general-editor .plugin-prop-wrapper .composer-image, .general-editor .github-wrapper .composer-image, .general-editor .change-log-wrapper .composer-image, .general-editor .other-editors-wrapper .composer-image, .versions-editor .plugin-prop-wrapper .composer-image, .versions-editor .github-wrapper .composer-image, .versions-editor .change-log-wrapper .composer-image, .versions-editor .other-editors-wrapper .composer-image, .stats-editor .plugin-prop-wrapper .composer-image, .stats-editor .github-wrapper .composer-image, .stats-editor .change-log-wrapper .composer-image, .stats-editor .other-editors-wrapper .composer-image, .sharedtech-editor .plugin-prop-wrapper .composer-image, .sharedtech-editor .github-wrapper .composer-image, .sharedtech-editor .change-log-wrapper .composer-image, .sharedtech-editor .other-editors-wrapper .composer-image { height: 60px; } .general-editor .plugin-prop-wrapper, .general-editor .github-wrapper, .general-editor .change-log-wrapper, .versions-editor .plugin-prop-wrapper, .versions-editor .github-wrapper, .versions-editor .change-log-wrapper, .stats-editor .plugin-prop-wrapper, .stats-editor .github-wrapper, .stats-editor .change-log-wrapper, .sharedtech-editor .plugin-prop-wrapper, .sharedtech-editor .github-wrapper, .sharedtech-editor .change-log-wrapper { margin-top: 15px; } .general-editor .publish-wrapper, .versions-editor .publish-wrapper, .stats-editor .publish-wrapper, .sharedtech-editor .publish-wrapper { float: left; clear: both; width: 990px; padding-left: 24px; } .general-editor .github-wrapper, .versions-editor .github-wrapper, .stats-editor .github-wrapper, .sharedtech-editor .github-wrapper { margin-bottom: 20px; } .general-editor .github-wrapper .caption, .versions-editor .github-wrapper .caption, .stats-editor .github-wrapper .caption, .sharedtech-editor .github-wrapper .caption { clear: both; } .general-editor .plugin-prop-wrapper.tags, .versions-editor .plugin-prop-wrapper.tags, .stats-editor .plugin-prop-wrapper.tags, .sharedtech-editor .plugin-prop-wrapper.tags { width: 770px; } .general-editor .plugin-prop-wrapper.tags .caption, .versions-editor .plugin-prop-wrapper.tags .caption, .stats-editor .plugin-prop-wrapper.tags .caption, .sharedtech-editor .plugin-prop-wrapper.tags .caption { margin-bottom: 10px; } .general-editor .plugin-prop-wrapper.tags .tag-box.first, .versions-editor .plugin-prop-wrapper.tags .tag-box.first, .stats-editor .plugin-prop-wrapper.tags .tag-box.first, .sharedtech-editor .plugin-prop-wrapper.tags .tag-box.first { clear: left; } .general-editor .plugin-prop-wrapper.tags .tag-box, .versions-editor .plugin-prop-wrapper.tags .tag-box, .stats-editor .plugin-prop-wrapper.tags .tag-box, .sharedtech-editor .plugin-prop-wrapper.tags .tag-box { width: 190px; float: left; margin-right: 65px; } .general-editor .plugin-prop-wrapper.tags .tag-caption, .versions-editor .plugin-prop-wrapper.tags .tag-caption, .stats-editor .plugin-prop-wrapper.tags .tag-caption, .sharedtech-editor .plugin-prop-wrapper.tags .tag-caption { float: left; margin-top: 9px; } .general-editor .no-category, .versions-editor .no-category, .stats-editor .no-category, .sharedtech-editor .no-category { clear: both; float: left; margin-top: 20px; } .general-editor .instructions, .versions-editor .instructions, .stats-editor .instructions, .sharedtech-editor .instructions { float: left; clear: both; margin-top: 20px; } .tabcanvas.api .api-area { float: left; clear: both; } .tabcanvas.api .bubble-ui.add-api { width: 200px; } .tabcanvas.api .call-panel { width: 844px !important; } .tabcanvas.api .call-panel .authenticate-plugin-builder { min-width: 195px; margin-bottom: 20px; margin-top: 20px; } .tabcanvas.api .call-panel .auth-again { cursor: pointer; } .tabcanvas.api .call-panel .auth-again:hover { text-decoration: underline; } .tabcanvas.api .call-panel .callback-url { float: left; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .tabcanvas.versions, .tabcanvas.stats, .tabcanvas.sharedtech, .tabcanvas.api { overflow: scroll; padding-bottom: 50px; } .versions-editor .btn.publish, .versions-editor .btn.git-sync { float: left; clear: both; width: 200px; margin-top: 30px; } .versions-editor .btn.publish { margin-bottom: 20px; } .versions-editor .btn.remove-self { float: left; clear: both; width: 400px; margin-bottom: 20px; } .versions-editor .caption.instruction { clear: both; float: left; margin-top: 30px; } .versions-editor .plugin-prop-wrapper { width: 940px !important; } .versions-editor .TextBox.testapp { width: 168px; } .versions-editor .licence-options-wrapper { margin-top: 20px; } .versions-editor .licence-options-wrapper.price-options { margin-top: 0px; margin-bottom: 20px; } .versions-editor .price-wrapper { float: left; width: 100%; margin-top: 10px; } .versions-editor .licence-options-wrapper, .versions-editor .other-editors-wrapper { clear: both; float: left; width: 100%; } .versions-editor .licence-options-wrapper .caption, .versions-editor .other-editors-wrapper .caption { clear: both; float: left; } .versions-editor .licence-options-wrapper .caption.no-stripe, .versions-editor .other-editors-wrapper .caption.no-stripe { margin-bottom: 15px; margin-top: 15px; } .versions-editor .licence-options-wrapper .caption.has-price, .versions-editor .other-editors-wrapper .caption.has-price { margin-bottom: 10px; } .versions-editor .licence-options-wrapper .NumberBox.price, .versions-editor .other-editors-wrapper .NumberBox.price { width: 100px; margin-bottom: 15px; } .versions-editor .licence-options-wrapper .add-app-wrapper, .versions-editor .licence-options-wrapper .add-editor-wrapper, .versions-editor .other-editors-wrapper .add-app-wrapper, .versions-editor .other-editors-wrapper .add-editor-wrapper { float: left; clear: left; width: 640px; margin-top: 10px; } .versions-editor .licence-options-wrapper .add-app-wrapper input.bubble-ui, .versions-editor .licence-options-wrapper .add-editor-wrapper input.bubble-ui, .versions-editor .other-editors-wrapper .add-app-wrapper input.bubble-ui, .versions-editor .other-editors-wrapper .add-editor-wrapper input.bubble-ui { float: left !important; margin-left: 30px; width: 200px; } .versions-editor .licence-options-wrapper .add-app-wrapper .btn, .versions-editor .licence-options-wrapper .add-editor-wrapper .btn, .versions-editor .other-editors-wrapper .add-app-wrapper .btn, .versions-editor .other-editors-wrapper .add-editor-wrapper .btn { height: 35px; padding-top: 9px; width: 100px; margin-left: 20px; } .versions-editor .licence-options-wrapper .add-editor-wrapper, .versions-editor .other-editors-wrapper .add-editor-wrapper { margin-top: 20px; } .versions-editor .licence-options-wrapper .other-editors-list, .versions-editor .other-editors-wrapper .other-editors-list { float: left; clear: both; } .versions-editor .existing.editors, .versions-editor .existing.apps { width: 350px; } .versions-editor .existing.versions { width: 860px; } .versions-editor .existing.apps { margin-bottom: 20px; } .versions-editor .existing.versions, .versions-editor .existing.editors, .versions-editor .existing.apps { float: left; clear: both; margin-top: 20px; border: 1px solid rgb(245, 245, 245); font-size: 12px; overflow: hidden; } .versions-editor .existing.versions .table-header, .versions-editor .existing.editors .table-header, .versions-editor .existing.apps .table-header { background-color: rgb(249, 249, 249); height: 25px; width: 100%; float: left; } .versions-editor .existing.versions .table-header .header-column, .versions-editor .existing.editors .table-header .header-column, .versions-editor .existing.apps .table-header .header-column { float: left; height: 25px; padding: 7px 4px 7px 4px; text-align: center; overflow: hidden; border-right: 1px solid #e2e2e2; } .versions-editor .existing.versions .table-header .header-column:last-of-type, .versions-editor .existing.editors .table-header .header-column:last-of-type, .versions-editor .existing.apps .table-header .header-column:last-of-type { border-right: none; } .versions-editor .existing.versions .version, .versions-editor .existing.editors .version, .versions-editor .existing.apps .version { width: 70px; } .versions-editor .existing.versions .date, .versions-editor .existing.editors .date, .versions-editor .existing.apps .date { width: 90px; } .versions-editor .existing.versions .license, .versions-editor .existing.editors .license, .versions-editor .existing.apps .license { width: 120px; } .versions-editor .existing.versions .revert, .versions-editor .existing.versions .revoke, .versions-editor .existing.versions .see-old-code, .versions-editor .existing.editors .revert, .versions-editor .existing.editors .revoke, .versions-editor .existing.editors .see-old-code, .versions-editor .existing.apps .revert, .versions-editor .existing.apps .revoke, .versions-editor .existing.apps .see-old-code { width: 80px; } .versions-editor .existing.versions .revert.yes, .versions-editor .existing.versions .revoke.yes, .versions-editor .existing.versions .see-old-code.yes, .versions-editor .existing.editors .revert.yes, .versions-editor .existing.editors .revoke.yes, .versions-editor .existing.editors .see-old-code.yes, .versions-editor .existing.apps .revert.yes, .versions-editor .existing.apps .revoke.yes, .versions-editor .existing.apps .see-old-code.yes { cursor: pointer !important; } .versions-editor .existing.versions .revert.yes:hover, .versions-editor .existing.versions .revoke.yes:hover, .versions-editor .existing.versions .see-old-code.yes:hover, .versions-editor .existing.editors .revert.yes:hover, .versions-editor .existing.editors .revoke.yes:hover, .versions-editor .existing.editors .see-old-code.yes:hover, .versions-editor .existing.apps .revert.yes:hover, .versions-editor .existing.apps .revoke.yes:hover, .versions-editor .existing.apps .see-old-code.yes:hover { text-decoration: underline; } .versions-editor .existing.versions .revoke, .versions-editor .existing.versions .see-old-code, .versions-editor .existing.editors .revoke, .versions-editor .existing.editors .see-old-code, .versions-editor .existing.apps .revoke, .versions-editor .existing.apps .see-old-code { border-right: none !important; } .versions-editor .existing.versions .revoke, .versions-editor .existing.editors .revoke, .versions-editor .existing.apps .revoke { width: 50px; } .versions-editor .existing.versions .email, .versions-editor .existing.versions .application, .versions-editor .existing.editors .email, .versions-editor .existing.editors .application, .versions-editor .existing.apps .email, .versions-editor .existing.apps .application { width: 290px; } .versions-editor .existing.versions .change.log, .versions-editor .existing.versions .description, .versions-editor .existing.editors .change.log, .versions-editor .existing.editors .description, .versions-editor .existing.apps .change.log, .versions-editor .existing.apps .description { width: 416px; } .versions-editor .existing.versions .version-row, .versions-editor .existing.editors .version-row, .versions-editor .existing.apps .version-row { clear: both; float: left; border-bottom: 1px solid #f0f0f0; width: 100%; } .versions-editor .existing.versions .version-row:last-child, .versions-editor .existing.editors .version-row:last-child, .versions-editor .existing.apps .version-row:last-child { border-bottom: none; } .versions-editor .existing.versions .version-row .description, .versions-editor .existing.editors .version-row .description, .versions-editor .existing.apps .version-row .description { min-height: initial; } .versions-editor .existing.versions .version-row > *, .versions-editor .existing.editors .version-row > *, .versions-editor .existing.apps .version-row > * { float: left; border-right: 1px solid #f0f0f0; padding: 7px 0 6px 10px; } .versions-editor .bubble-ui.green-box { padding: 10px; } .modal-popup.message-panel-popup.input-popup .inner-children .platform-type-dropdown { padding-top: 25px; } .modal-popup.message-panel-popup.input-popup .inner-children .platform-type-dropdown .caption.platform_type { margin-right: 60px; } .modal-popup.publish-plugin-popup .popup-content { width: 570px; } .modal-popup.publish-plugin-popup .popup-content .inner-children { overflow: hidden; padding: 20px; } .modal-popup.publish-plugin-popup .popup-content .inner-children .instructions { line-height: 1.5; margin-bottom: 20px; } .modal-popup.publish-plugin-popup .popup-content .license-warning { float: left; clear: both; margin-bottom: 20px; } .modal-popup.publish-plugin-popup .popup-content .description-wrapper, .modal-popup.publish-plugin-popup .popup-content .publishing-type-wrapper, .modal-popup.publish-plugin-popup .popup-content .obfuscation-checkbox-wrapper { float: left; clear: both; width: 100%; } .modal-popup.publish-plugin-popup .popup-content .description-wrapper .caption, .modal-popup.publish-plugin-popup .popup-content .publishing-type-wrapper .caption, .modal-popup.publish-plugin-popup .popup-content .obfuscation-checkbox-wrapper .caption { float: left; margin-top: 9px; } .modal-popup.publish-plugin-popup .popup-content .description-wrapper .property-editor-control, .modal-popup.publish-plugin-popup .popup-content .publishing-type-wrapper .property-editor-control, .modal-popup.publish-plugin-popup .popup-content .obfuscation-checkbox-wrapper .property-editor-control { float: right; } .modal-popup.publish-plugin-popup .popup-content .description-wrapper .property-editor-control.description, .modal-popup.publish-plugin-popup .popup-content .publishing-type-wrapper .property-editor-control.description, .modal-popup.publish-plugin-popup .popup-content .obfuscation-checkbox-wrapper .property-editor-control.description { width: 340px; } .modal-popup.publish-plugin-popup .popup-content .publishing-type-wrapper, .modal-popup.publish-plugin-popup .popup-content .obfuscation-checkbox-wrapper { margin-top: 20px; } .modal-popup.publish-plugin-popup .popup-content .obfuscation-explanation { margin-top: 4px; color: #868686; } .modal-popup.publish-plugin-popup .popup-content .btn.btn-create { float: left; margin-left: 200px; margin-top: 30px; } .modal-popup.publish-plugin-popup .popup-content .btn.btn-cancel { float: left; margin-top: 44px; margin-left: 80px; } .stats-editor .plugin-prop-wrapper { width: 600px; } .stats-editor .plugin-prop-wrapper.reviews { margin-top: 20px; } .stats-editor .plugin-prop-wrapper.reviews .caption { margin-bottom: 20px; } .stats-editor .review-list { clear: both; float: left; width: 100%; margin-top: 10px; } .stats-editor .review-list .review-row { clear: both; float: left; width: 100%; margin: 10px 0 10px 0; } .stats-editor .review-list .review-row > * { float: left; } .stats-editor .review-list .review-row .count { width: 30px; } .stats-editor .review-list .review-row .rating, .stats-editor .review-list .review-row .review-title, .stats-editor .review-list .review-row .review-detail { margin-left: 15px; } .stats-editor .review-list .review-row .review-detail { margin-top: 5px; line-height: 1.3; margin-left: 31px; clear: left; } .composer-file, .composer-image { height: 30px; width: 90px; background: white !important; } .composer-file .button-clear-composer-file, .composer-file .download-btn, .composer-file .button-clear-composer-image, .composer-image .button-clear-composer-file, .composer-image .download-btn, .composer-image .button-clear-composer-image { left: 100px; } .composer-file .file-caption, .composer-image .file-caption { padding-top: 10px !important; } .composer-file .file-caption:before, .composer-image .file-caption:before { content: "" !important; } .sharedtech-editor .plugin-prop-wrapper.headers, .sharedtech-editor .plugin-prop-wrapper.keys, .sharedtech-editor .plugin-prop-wrapper.assets, .sharedtech-editor .plugin-prop-wrapper.plugin-version, .sharedtech-editor .plugin-prop-wrapper.changelog, .sharedtech-editor .github-wrapper, .sharedtech-editor .change-log-wrapper, .sharedtech-editor .plugin-prop-wrapper.publish, .versions-editor .plugin-prop-wrapper.headers, .versions-editor .plugin-prop-wrapper.keys, .versions-editor .plugin-prop-wrapper.assets, .versions-editor .plugin-prop-wrapper.plugin-version, .versions-editor .plugin-prop-wrapper.changelog, .versions-editor .github-wrapper, .versions-editor .change-log-wrapper, .versions-editor .plugin-prop-wrapper.publish { margin-top: -5px; width: 99%; } .sharedtech-editor .plugin-prop-wrapper.jquery, .versions-editor .plugin-prop-wrapper.jquery { width: 99%; } .sharedtech-editor .plugin-prop-wrapper.headers, .sharedtech-editor .plugin-prop-wrapper.keys, .sharedtech-editor .plugin-prop-wrapper.assets, .sharedtech-editor .plugin-prop-wrapper.jquery, .sharedtech-editor .github-wrapper, .sharedtech-editor .change-log-wrapper, .versions-editor .plugin-prop-wrapper.headers, .versions-editor .plugin-prop-wrapper.keys, .versions-editor .plugin-prop-wrapper.assets, .versions-editor .plugin-prop-wrapper.jquery, .versions-editor .github-wrapper, .versions-editor .change-log-wrapper { margin-bottom: 20px; } .sharedtech-editor .plugin-prop-wrapper.keys .new-key-wrapper.bubble-ui.green-box, .sharedtech-editor .plugin-prop-wrapper.keys .new-asset-wrapper.bubble-ui.green-box, .sharedtech-editor .plugin-prop-wrapper.assets .new-key-wrapper.bubble-ui.green-box, .sharedtech-editor .plugin-prop-wrapper.assets .new-asset-wrapper.bubble-ui.green-box { float: left; width: 550px; margin-top: 20px; } .sharedtech-editor .plugin-prop-wrapper.keys .new-key-wrapper.bubble-ui.green-box *, .sharedtech-editor .plugin-prop-wrapper.keys .new-asset-wrapper.bubble-ui.green-box *, .sharedtech-editor .plugin-prop-wrapper.assets .new-key-wrapper.bubble-ui.green-box *, .sharedtech-editor .plugin-prop-wrapper.assets .new-asset-wrapper.bubble-ui.green-box * { float: left !important; margin-right: 15px; } .sharedtech-editor .plugin-prop-wrapper.keys .new-key-wrapper.bubble-ui.green-box .btn, .sharedtech-editor .plugin-prop-wrapper.keys .new-asset-wrapper.bubble-ui.green-box .btn, .sharedtech-editor .plugin-prop-wrapper.assets .new-key-wrapper.bubble-ui.green-box .btn, .sharedtech-editor .plugin-prop-wrapper.assets .new-asset-wrapper.bubble-ui.green-box .btn { float: right !important; margin-right: 0px; } .sharedtech-editor .plugin-prop-wrapper.keys .new-key-wrapper.bubble-ui.green-box input, .sharedtech-editor .plugin-prop-wrapper.keys .new-asset-wrapper.bubble-ui.green-box input, .sharedtech-editor .plugin-prop-wrapper.assets .new-key-wrapper.bubble-ui.green-box input, .sharedtech-editor .plugin-prop-wrapper.assets .new-asset-wrapper.bubble-ui.green-box input { height: 30px; } .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper { width: 530px; float: left; margin-top: 15px; clear: both; } .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .key-row, .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .asset-row, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .key-row, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-row, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .key-row, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .asset-row, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .key-row, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-row { float: left; width: 100%; margin-top: 10px; } .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .key-row .key-type, .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .asset-row .key-type, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .key-row .key-type, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-row .key-type, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .key-row .key-type, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .asset-row .key-type, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .key-row .key-type, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-row .key-type { float: left; } .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper .asset-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .key-row .key-name, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-row .key-name { width: 250px; } .sharedtech-editor .plugin-prop-wrapper.keys .key-list-wrapper, .sharedtech-editor .plugin-prop-wrapper.assets .key-list-wrapper { width: 530px; } .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper { width: 100%; } .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-row, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-row { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-name, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-name { float: left; width: 120px; } .sharedtech-editor .plugin-prop-wrapper.keys .assets-list-wrapper .asset-url, .sharedtech-editor .plugin-prop-wrapper.assets .assets-list-wrapper .asset-url { float: left; } .sharedtech-editor .caption.header-key { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .sharedtech-editor .bubble-ui.snippet { width: 100%; margin-top: 20px; min-height: 150px; } .sharedtech-editor .param-panel { float: left; clear: both; margin-top: 20px; } .sharedtech-editor .param-panel .keys-title, .sharedtech-editor .param-panel .key-item { float: left; } .sharedtech-editor .param-panel .key-item { margin-left: 20px; } .elements .toolbox-pane, .actions .toolbox-pane { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); border-left: none; border-right: 1px solid #dcdcdc; float: left; padding-bottom: 0px; flex-shrink: 0; } .elements .toolbox-pane .section_title, .actions .toolbox-pane .section_title { cursor: default; } .elements .toolbox-pane .section_title:before, .actions .toolbox-pane .section_title:before { content: initial; } .elements .toolbox-pane .folder-row.scroll-to .folder-caption, .actions .toolbox-pane .folder-row.scroll-to .folder-caption { padding-left: 20px; } .elements .toolbox-pane .delete-btn.folder.bubble-ui, .actions .toolbox-pane .delete-btn.folder.bubble-ui { position: inherit; margin-top: 0px; float: right; margin-right: 5px; } .elements .toolbox-pane .btn.new-element, .elements .toolbox-pane .open-test, .elements .toolbox-pane .testapp, .actions .toolbox-pane .btn.new-element, .actions .toolbox-pane .open-test, .actions .toolbox-pane .testapp { float: left; width: 160px; margin-top: 13px; margin-left: 13px; margin-bottom: 30px; } .elements .toolbox-pane .testapp, .actions .toolbox-pane .testapp { margin-bottom: 10px; margin-top: 3px; } .elements .toolbox-pane .testapp.caption, .actions .toolbox-pane .testapp.caption { margin-left: 13px; text-align: center; } .elements .toolbox-pane .small-height, .actions .toolbox-pane .small-height { font-size: 13px; } .elements .toolbox-pane .open-test, .actions .toolbox-pane .open-test { margin-top: 5px; } .main-caption { clear: both; margin-top: 20px; float: left; margin-bottom: 15px; width: 100%; border-bottom: 1px solid #e4e4e4; color: #0205d3; padding-bottom: 10px; } .color-light-design.composer-color { padding-left: 2px !important; } .color-light-design.composer-color input { color: black !important; } .color-light-design.composer-color input.token-chosen { color: #0205d3 !important; } .color-light-design.composer-color .color-swatch { outline: 1px solid rgb(245, 245, 245); border: none; } .color-light-design.composer-color .a-color-picker { background-color: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .color-light-design.composer-color .a-color-picker .hex-input { background: white !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .color-light-design.composer-color .a-color-picker .hex-input .a-color-picker-preview { border: 1px solid rgba(0, 0, 0, 0.12) !important; } .color-light-design.composer-color .a-color-picker .hex-input .a-color-picker-preview .a-color-picker-clipbaord { cursor: pointer !important; } .color-light-design.composer-color .a-color-picker .hex-input:focus-within { border: 1px solid #0205d3 !important; } .color-light-design.composer-color .a-color-picker .hex-input input[nameref=RGBHEX] { width: 100%; all: unset; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } .color-light-design.composer-color .a-color-picker .alpha { background: white !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; } .color-light-design.composer-color .a-color-picker .alpha:focus { border: 1px solid #0205d3 !important; } .color-light-design.composer-color .a-color-picker .alpha::placeholder { color: #899ea5 !important; } .color-light-design.composer-color .a-color-picker .palette-title .palette-title-text { color: black !important; } .color-light-design.composer-color .a-color-picker .palette-title .palette-title-link { color: #899ea5 !important; } .color-light-design.composer-color .a-color-picker .a-color-picker-palette-color { border: 1px solid rgba(0, 0, 0, 0.12) !important; } .color-light-design.composer-color .a-color-picker .a-color-picker-palette-color:hover { border: 1px solid #f1f100 !important; } .color-light-design.composer-color .a-color-picker .a-color-picker-palette-color.token-chosen { border: 1px solid #0205d3 !important; } .elements-editor, .actions-editor { padding: 0px; } .elements-editor .main-wrapper, .actions-editor .main-wrapper { float: left; width: 100%; padding: 0px 20px 100px 20px; overflow: scroll; } .elements-editor .main-wrapper .inner-canvas, .actions-editor .main-wrapper .inner-canvas { padding-top: 0px; } .elements-editor .main-wrapper .inner-canvas .new-field-wrapper, .actions-editor .main-wrapper .inner-canvas .new-field-wrapper { clear: both; width: 460px; margin-top: 15px; float: left; margin-bottom: 20px; } .elements-editor .main-wrapper .inner-canvas .new-field-wrapper .new-field, .actions-editor .main-wrapper .inner-canvas .new-field-wrapper .new-field { width: 150px !important; margin-left: 20px; } .elements-editor .main-wrapper .inner-canvas .new-field-wrapper .bubble-ui.btn, .actions-editor .main-wrapper .inner-canvas .new-field-wrapper .bubble-ui.btn { height: 35px !important; padding-top: 9px !important; } .elements-editor .main-wrapper .inner-canvas .new-field-wrapper .caption, .actions-editor .main-wrapper .inner-canvas .new-field-wrapper .caption { width: 85px; margin-top: 9px; } .elements-editor .main-wrapper .inner-canvas .fields-wrapper, .actions-editor .main-wrapper .inner-canvas .fields-wrapper { float: left; width: 100%; margin-top: -10px; } .elements-editor .main-wrapper .inner-canvas .fields-wrapper.actions, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.actions { margin-top: 10px; padding-left: 20px; border-left: 1px solid #efefef; } .elements-editor .main-wrapper .inner-canvas .action-name .TextBox, .actions-editor .main-wrapper .inner-canvas .action-name .TextBox { width: 300px; } .elements-editor .main-wrapper .inner-canvas .caption, .actions-editor .main-wrapper .inner-canvas .caption { margin-top: 5px; float: left; line-height: 1.5; } .elements-editor .main-wrapper .inner-canvas .caption.no-element, .actions-editor .main-wrapper .inner-canvas .caption.no-element { margin-top: 20px; } .elements-editor .main-wrapper .inner-canvas .caption.code_actions, .actions-editor .main-wrapper .inner-canvas .caption.code_actions { clear: both; } .elements-editor .main-wrapper .inner-canvas .caption.help, .actions-editor .main-wrapper .inner-canvas .caption.help { margin-bottom: 15px; width: 100%; } .elements-editor .main-wrapper .inner-canvas .show-hide-action, .actions-editor .main-wrapper .inner-canvas .show-hide-action { float: right; margin-top: 19px; margin-right: 15px; } .elements-editor .main-wrapper .inner-canvas .light-button.show-doc, .actions-editor .main-wrapper .inner-canvas .light-button.show-doc { float: right; margin-top: 11px; } .elements-editor .main-wrapper .inner-canvas .doc-div, .actions-editor .main-wrapper .inner-canvas .doc-div { float: left; width: 100%; display: flex; flex-direction: column; } .elements-editor .main-wrapper .inner-canvas .code-status-comment, .actions-editor .main-wrapper .inner-canvas .code-status-comment { width: 100%; float: left; margin-top: 20px; white-space: pre-wrap; } .elements-editor .main-wrapper .inner-canvas .code-status-comment:before, .actions-editor .main-wrapper .inner-canvas .code-status-comment:before { margin-right: 10px; } .elements-editor .main-wrapper .inner-canvas .package-status, .actions-editor .main-wrapper .inner-canvas .package-status { float: left; clear: both; margin-top: 20px; } .elements-editor .main-wrapper .inner-canvas .package-status:before, .actions-editor .main-wrapper .inner-canvas .package-status:before { margin-right: 10px; } .elements-editor .main-wrapper .inner-canvas .TextBox, .actions-editor .main-wrapper .inner-canvas .TextBox { width: 168px; } .elements-editor .main-wrapper .inner-canvas .TextBox.new-field, .actions-editor .main-wrapper .inner-canvas .TextBox.new-field { margin-left: 20px; } .elements-editor .main-wrapper .inner-canvas .NumberBox, .actions-editor .main-wrapper .inner-canvas .NumberBox { width: 80px; } .elements-editor .main-wrapper .inner-canvas .add-break-point, .elements-editor .main-wrapper .inner-canvas .action-uses-node-modules, .actions-editor .main-wrapper .inner-canvas .add-break-point, .actions-editor .main-wrapper .inner-canvas .action-uses-node-modules { float: left; clear: both; width: 230px; } .elements-editor .main-wrapper .inner-canvas .add-break-point, .actions-editor .main-wrapper .inner-canvas .add-break-point { margin-top: 10px; margin-bottom: 50px !important; } .elements-editor .main-wrapper .inner-canvas .migrate-btn, .actions-editor .main-wrapper .inner-canvas .migrate-btn { float: left; margin: 10px; width: unset; padding: 10px; } .elements-editor .main-wrapper .inner-canvas .action-uses-node-modules, .actions-editor .main-wrapper .inner-canvas .action-uses-node-modules { margin-top: 50px; margin-bottom: 10px !important; } .elements-editor .main-wrapper .inner-canvas .element-property-row, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row, .elements-editor .main-wrapper .inner-canvas .fit-content, .actions-editor .main-wrapper .inner-canvas .element-property-row, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row, .actions-editor .main-wrapper .inner-canvas .fit-content { float: left; width: 260px; margin-right: 50px; margin-bottom: 30px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.action-name, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.action-name, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.action-name, .elements-editor .main-wrapper .inner-canvas .fit-content.action-name, .actions-editor .main-wrapper .inner-canvas .element-property-row.action-name, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.action-name, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.action-name, .actions-editor .main-wrapper .inner-canvas .fit-content.action-name { width: 360px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.fit-content, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.fit-content, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.fit-content, .elements-editor .main-wrapper .inner-canvas .fit-content.fit-content, .actions-editor .main-wrapper .inner-canvas .element-property-row.fit-content, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.fit-content, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.fit-content, .actions-editor .main-wrapper .inner-canvas .fit-content.fit-content { width: 280px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.add-hover-pressed, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-hover-pressed, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-hover-pressed, .elements-editor .main-wrapper .inner-canvas .fit-content.add-hover-pressed, .actions-editor .main-wrapper .inner-canvas .element-property-row.add-hover-pressed, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-hover-pressed, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-hover-pressed, .actions-editor .main-wrapper .inner-canvas .fit-content.add-hover-pressed { clear: both; } .elements-editor .main-wrapper .inner-canvas .element-property-row.property_application, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.property_application, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.property_application, .elements-editor .main-wrapper .inner-canvas .fit-content.property_application, .actions-editor .main-wrapper .inner-canvas .element-property-row.property_application, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.property_application, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.property_application, .actions-editor .main-wrapper .inner-canvas .fit-content.property_application { width: 110px; margin-right: 44px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.large_file, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.large_file, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.large_file, .elements-editor .main-wrapper .inner-canvas .fit-content.large_file, .actions-editor .main-wrapper .inner-canvas .element-property-row.large_file, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.large_file, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.large_file, .actions-editor .main-wrapper .inner-canvas .fit-content.large_file { clear: both; width: 510px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.autobinding, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.autobinding, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.autobinding, .elements-editor .main-wrapper .inner-canvas .fit-content.autobinding, .actions-editor .main-wrapper .inner-canvas .element-property-row.autobinding, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.autobinding, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.autobinding, .actions-editor .main-wrapper .inner-canvas .fit-content.autobinding { clear: both; width: 417px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.add-reset-fn, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-reset-fn, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-reset-fn, .elements-editor .main-wrapper .inner-canvas .fit-content.add-reset-fn, .actions-editor .main-wrapper .inner-canvas .element-property-row.add-reset-fn, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-reset-fn, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-reset-fn, .actions-editor .main-wrapper .inner-canvas .fit-content.add-reset-fn { width: 600px; clear: both; margin-bottom: 20px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.add-reset-fn.not-showing, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-reset-fn.not-showing, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-reset-fn.not-showing, .elements-editor .main-wrapper .inner-canvas .fit-content.add-reset-fn.not-showing, .actions-editor .main-wrapper .inner-canvas .element-property-row.add-reset-fn.not-showing, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.add-reset-fn.not-showing, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.add-reset-fn.not-showing, .actions-editor .main-wrapper .inner-canvas .fit-content.add-reset-fn.not-showing { margin-bottom: 30px; } .elements-editor .main-wrapper .inner-canvas .element-property-row .field, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .field, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row .field, .elements-editor .main-wrapper .inner-canvas .fit-content .field, .actions-editor .main-wrapper .inner-canvas .element-property-row .field, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .field, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row .field, .actions-editor .main-wrapper .inner-canvas .fit-content .field { float: right; } .elements-editor .main-wrapper .inner-canvas .element-property-row .CodeComposer.field, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .CodeComposer.field, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row .CodeComposer.field, .elements-editor .main-wrapper .inner-canvas .fit-content .CodeComposer.field, .actions-editor .main-wrapper .inner-canvas .element-property-row .CodeComposer.field, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .CodeComposer.field, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row .CodeComposer.field, .actions-editor .main-wrapper .inner-canvas .fit-content .CodeComposer.field { float: left; clear: both; width: 100%; margin-top: 20px; /* if we want to limit height when not focused... .CodeMirror { height: 400px; } &.focused .CodeMirror { height: auto !important; } */ } .elements-editor .main-wrapper .inner-canvas .element-property-row.code-editor.headers, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor.headers, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor.headers, .elements-editor .main-wrapper .inner-canvas .fit-content.code-editor.headers, .actions-editor .main-wrapper .inner-canvas .element-property-row.code-editor.headers, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor.headers, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor.headers, .actions-editor .main-wrapper .inner-canvas .fit-content.code-editor.headers { min-height: inherit; margin-bottom: 40px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.code-editor.headers .CodeMirror, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor.headers .CodeMirror, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor.headers .CodeMirror, .elements-editor .main-wrapper .inner-canvas .fit-content.code-editor.headers .CodeMirror, .actions-editor .main-wrapper .inner-canvas .element-property-row.code-editor.headers .CodeMirror, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor.headers .CodeMirror, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor.headers .CodeMirror, .actions-editor .main-wrapper .inner-canvas .fit-content.code-editor.headers .CodeMirror { min-height: 50px; } .elements-editor .main-wrapper .inner-canvas .element-property-row.code-editor, .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor, .elements-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor, .elements-editor .main-wrapper .inner-canvas .fit-content.code-editor, .actions-editor .main-wrapper .inner-canvas .element-property-row.code-editor, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code.code-editor, .actions-editor .main-wrapper .inner-canvas .code-wrapper .element-field-row.code-editor, .actions-editor .main-wrapper .inner-canvas .fit-content.code-editor { width: 100% !important; margin-bottom: 0px; } .elements-editor .main-wrapper .inner-canvas .autobinding-wrapper .field.autobinding_value, .actions-editor .main-wrapper .inner-canvas .autobinding-wrapper .field.autobinding_value { float: left; margin-left: 20px; margin-right: 45px; } .elements-editor .main-wrapper .inner-canvas .autobinding-wrapper .caption.autobinding_is_list, .actions-editor .main-wrapper .inner-canvas .autobinding-wrapper .caption.autobinding_is_list { margin-right: 10px; } .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code { width: 100% !important; margin-top: 10px; } .elements-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .caption, .actions-editor .main-wrapper .inner-canvas .fields-wrapper.action-code .caption { clear: both; } .elements-editor .main-wrapper .inner-canvas .initialize-states_fn, .actions-editor .main-wrapper .inner-canvas .initialize-states_fn { float: left; } .elements-editor .main-wrapper .inner-canvas .field-definition-row, .elements-editor .main-wrapper .inner-canvas .state-definition-row, .actions-editor .main-wrapper .inner-canvas .field-definition-row, .actions-editor .main-wrapper .inner-canvas .state-definition-row { clear: both; margin-top: 5px; float: left; padding-bottom: 10px; border-top: 1px solid #efefef; width: 100%; } .elements-editor .main-wrapper .inner-canvas .field-definition-row:first-child, .elements-editor .main-wrapper .inner-canvas .state-definition-row:first-child, .actions-editor .main-wrapper .inner-canvas .field-definition-row:first-child, .actions-editor .main-wrapper .inner-canvas .state-definition-row:first-child { border-top: none; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .TextBox, .elements-editor .main-wrapper .inner-canvas .field-definition-row .GeographicBox, .elements-editor .main-wrapper .inner-canvas .state-definition-row .TextBox, .elements-editor .main-wrapper .inner-canvas .state-definition-row .GeographicBox, .actions-editor .main-wrapper .inner-canvas .field-definition-row .TextBox, .actions-editor .main-wrapper .inner-canvas .field-definition-row .GeographicBox, .actions-editor .main-wrapper .inner-canvas .state-definition-row .TextBox, .actions-editor .main-wrapper .inner-canvas .state-definition-row .GeographicBox { width: 160px; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .move-up-btn, .elements-editor .main-wrapper .inner-canvas .state-definition-row .move-up-btn, .actions-editor .main-wrapper .inner-canvas .field-definition-row .move-up-btn, .actions-editor .main-wrapper .inner-canvas .state-definition-row .move-up-btn { float: right; margin-right: 10px; margin-top: 16px; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .delete-field-button, .elements-editor .main-wrapper .inner-canvas .state-definition-row .delete-field-button, .actions-editor .main-wrapper .inner-canvas .field-definition-row .delete-field-button, .actions-editor .main-wrapper .inner-canvas .state-definition-row .delete-field-button { float: right; margin-top: 15px; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row, .elements-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row, .actions-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row, .actions-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row { float: left; margin-right: 25px; margin-top: 10px; min-height: 30px; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row.has-caption, .elements-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row.has-caption, .actions-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row.has-caption, .actions-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row.has-caption { min-width: 196px; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row.has-caption.reference .TextBox, .elements-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row.has-caption.reference .TextBox, .actions-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row.has-caption.reference .TextBox, .actions-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row.has-caption.reference .TextBox { width: 343px; float: right; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row > *, .elements-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row > *, .actions-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row > *, .actions-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row > * { float: left; } .elements-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row .caption, .elements-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row .caption, .actions-editor .main-wrapper .inner-canvas .field-definition-row .element-field-row .caption, .actions-editor .main-wrapper .inner-canvas .state-definition-row .element-field-row .caption { margin-right: 10px; min-width: 56px; } /*# sourceMappingURL=editor_plugin.css.map */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: "FontAwesome"; src: url("/static/fonts/fontawesome-webfont.eot"); src: url("/static/fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("/static/fonts/fontawesome-webfont.woff2") format("woff2"), url("/static/fonts/fontawesome-webfont.woff") format("woff"), url("/static/fonts/fontawesome-webfont.ttf") format("truetype"), url("/static/fonts/fontawesome-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*# sourceMappingURL=font-awesome.min.css.map */ @charset "UTF-8"; /*! Ionicons, v2.0.1 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: "Ionicons"; font-display: "block"; src: url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272454677x357274544658139300/ionicons.eot"); src: url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272886250x158303603297099460/ionicons.eot") format("embedded-opentype"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272922381x868922997266054100/ionicons.ttf") format("truetype"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499272961822x801320437341928400/ionicons.woff") format("woff"), url("https://a3f482aa37473c68f97b76bd2e4a3782.cdn.bubble.io/f1499273020752x438600089401006700/ionicons.svg") format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } /*# sourceMappingURL=ionicons.min.css.map */