Front to the WordPress application

? Front to the WordPress application Front to the WordPress application File manager

File manager - Edit - /web/htdocs/www.passitonsocial.com/home/wp-content__0dc46de/plugins/forminator/build/css/shared-ui.min.css

Back
@import url(https://fonts.bunny.net/css?family=Roboto:400,500,700); .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default label input, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat label input, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold label input, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material label input, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>* input, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item input, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>* input, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item input, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .button, .sui-2-12-13 .sui-wrap .sui-upload input[type=file], .sui-2-12-13 .sui-wrap .sui-checkbox input, .sui-2-12-13 .sui-wrap .sui-radio input, .sui-2-12-13 .sui-wrap .sui-multi-checkbox label input, .sui-2-12-13 .sui-wrap .sui-box-selector input, .sui-2-12-13 .sui-wrap .sui-toggle input, .sui-2-12-13 .sui-wrap .sui-screen-reader-text, .sui-2-12-13 .sui-screen-reader-text { width: 1px; min-width: 1px; height: 1px; min-height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute !important; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .sui-2-12-13 .sui-wrap .sui-fade-in { animation: fadeIn .3s ease-in forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-fade-in { opacity: 1; animation: none; } } .sui-2-12-13 .sui-wrap .sui-fade-out { animation: fadeOut .3s ease-in forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-fade-out { opacity: 0; animation: none; } } .sui-2-12-13 .sui-wrap .sui-bounce-in { animation: bounceInJiggle .8s ease-in forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-bounce-in { opacity: 1; animation: none; } } .sui-2-12-13 .sui-wrap .sui-bounce-out { animation: bounceOutJiggle .6s ease-out forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-bounce-out { opacity: 0; animation: none; } } .sui-2-12-13 .sui-wrap .sui-content-fade-in { animation: fadeScaleIn .5s ease-in forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-content-fade-in { opacity: 1; animation: none; } } .sui-2-12-13 .sui-wrap .sui-content-fade-out { animation: fadeScaleOut .9s ease-in forwards; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-wrap .sui-content-fade-out { opacity: 0; animation: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceInJiggle { 0% { transform: translateY(-200%) scale(1.5); opacity: 0; } 30% { opacity: 1; } 58% { transform: translateY(0) rotate(1deg) scale(1); opacity: 1; } 72% { transform: translateY(-30px) rotate(-1deg); } 80% { transform: translateY(0) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } } @keyframes bounceOutJiggle { 0% { transform: translateY(0); } 10% { transform: translateY(-10px) rotate(-0.5deg); } 30% { transform: translateY(20px) rotate(8deg); } 70% { opacity: 1; } 90% { transform: translateY(300%) translateX(40px) rotate(35deg); opacity: 0; } 100% { display: none; } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes fadeIn { 0% { opacity: 0; } 25% { opacity: 1; } } @keyframes fadeScaleIn { 0% { opacity: 0; } 25% { opacity: 0; transform: translate3d(0, 10px, 0) scale(0.9); } 100% { transform: translate3d(0, 0, 0) scale(1); } } @keyframes fadeOut { 0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeScaleOut { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 25% { opacity: 0; transform: translate3d(0, 10px, 0) scale(0.9); } 100% { opacity: 0; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(50px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sui-2-12-13 .sui-wrap { font-family: "Roboto",Arial,sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; color: #666; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap:not(.sui-modal) { margin: 30px 30px 0 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap:not(.sui-modal) { margin: 20px 10px 0 0px; } } .sui-2-12-13 .sui-wrap * { font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; } .sui-2-12-13 .sui-wrap h1, .sui-2-12-13 .sui-wrap h2, .sui-2-12-13 .sui-wrap h3, .sui-2-12-13 .sui-wrap h4, .sui-2-12-13 .sui-wrap h5, .sui-2-12-13 .sui-wrap h6 { display: block; margin: .5em auto; padding: 0; line-height: 30px; color: #333; font-weight: 700; font-family: "Roboto",Arial,sans-serif; } .sui-2-12-13 .sui-wrap h1 { font-size: 32px; line-height: 40px; color: #333; margin: 0; } .sui-2-12-13 .sui-wrap h2 { font-size: 22px; line-height: 35px; } .sui-2-12-13 .sui-wrap h3 { font-size: 18px; line-height: 40px; } .sui-2-12-13 .sui-wrap h4 { font-size: 15px; } .sui-2-12-13 .sui-wrap h5 { font-size: 15px; } .sui-2-12-13 .sui-wrap h6 { font-size: 15px; } .sui-2-12-13 .sui-wrap p { font-family: "Roboto",Arial,sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; color: #666; letter-spacing: -0.25px; text-rendering: optimizeLegibility; } .sui-2-12-13 .sui-wrap p.sui-p-small { font-size: 13px; line-height: 22px; color: #888; margin: 5px 0; } .sui-2-12-13 .sui-wrap p:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap p:last-of-type:not(:last-child) { margin-bottom: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap p:last-of-type:not(:last-child) { margin-bottom: 20px; } } .sui-2-12-13 .sui-wrap p:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap small { display: inline-block; font-size: 13px; line-height: 22px; color: #888; margin-bottom: 5px; } .sui-2-12-13 .sui-wrap a { text-decoration: none; color: #17a8e3; font-weight: 500; outline-color: rgba(0,0,0,0); outline-style: none; box-shadow: none; } .sui-2-12-13 .sui-wrap a:hover:not(.sui-button), .sui-2-12-13 .sui-wrap a:focus:not(.sui-button), .sui-2-12-13 .sui-wrap a:active:not(.sui-button) { color: #1286b5; } .sui-2-12-13 .sui-wrap a.disabled { pointer-events: none; } .sui-2-12-13 .sui-wrap a.disabled:hover, .sui-2-12-13 .sui-wrap a.disabled:focus, .sui-2-12-13 .sui-wrap a.disabled:active { color: #888; cursor: default; } .sui-2-12-13 .sui-wrap code, .sui-2-12-13 .sui-wrap pre { font-weight: 500; font-size: 13px; line-height: 18px; color: #333; background-color: #f8f8f8; border: 1px solid #e6e6e6; border-radius: 4px; margin: 0; padding: 10px 15px; white-space: pre; overflow: auto; max-width: 100%; vertical-align: middle; tab-size: 4; } .sui-2-12-13 .sui-wrap code { display: inline-block; padding: 2px 5px; } .sui-2-12-13 .sui-wrap b, .sui-2-12-13 .sui-wrap strong { font-weight: 500; } .sui-2-12-13 .sui-wrap dfn { font-style: normal; font-weight: normal; border-bottom: 1px dotted #888; } .sui-2-12-13 .sui-wrap hr { border: none; display: block; height: 1px; background: #e6e6e6; margin: 30px 0; } .sui-2-12-13 .sui-wrap .sui-description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description { display: block; margin: 5px 0; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-description:first-child, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-description:last-child, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-description, .sui-2-12-13 .sui-wrap.sui-color-accessible .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description { color: #000; } .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:before, .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-unsaved:before, .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-reviews__stars:before, .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before, .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before, .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before, .sui-2-12-13 .sui-wrap .sui-listing li:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before, .sui-2-12-13 .sui-wrap .sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before, .sui-2-12-13 [class=sui-icon-]:before, .sui-2-12-13 [class=sui-icon-]:after { font-family: "wpmudev-plugin-icons" !important; speak: none; font-size: 1em; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-rendering: auto; display: inline-block; color: #888; opacity: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (-ms-high-contrast: none) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:before, .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-unsaved:before, .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-reviews__stars:before, .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before, .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before, .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before, .sui-2-12-13 .sui-wrap .sui-listing li:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before, .sui-2-12-13 .sui-wrap .sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before, .sui-2-12-13 [class=sui-icon-]:before, .sui-2-12-13 [class=sui-icon-]:after { color: #888; } } @media all and (-ms-high-contrast: active) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:before, .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-unsaved:before, .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-reviews__stars:before, .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before, .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before, .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before, .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before, .sui-2-12-13 .sui-wrap .sui-listing li:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before, .sui-2-12-13 .sui-wrap .sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before, .sui-2-12-13 [class=sui-icon-]:before, .sui-2-12-13 [class=sui-icon-]:after { color: #ddd; } } @font-face { font-family: "wpmudev-plugin-icons"; src: url(../css/../assets/fonts/wpmudev-plugin-icons.eot); src: url(../css/../assets/fonts/wpmudev-plugin-icons.eot) format("embedded-opentype"),url(../css/../assets/fonts/wpmudev-plugin-icons.ttf) format("truetype"),url(../css/../assets/fonts/wpmudev-plugin-icons.woff) format("woff"),url(../css/../assets/fonts/wpmudev-plugin-icons.woff2) format("woff2"),url(../css/../assets/fonts/wpmudev-plugin-icons.svg) format("svg"); font-weight: normal; font-style: normal; } .sui-2-12-13 .sui-loading:before { animation: spin 1.3s linear infinite; } .sui-2-12-13 [class=sui-icon-] { display: inline-block; } .sui-2-12-13 [class=sui-icon-].sui-xl:before { font-size: 30px; } .sui-2-12-13 [class=sui-icon-].sui-lg:before { font-size: 20px; } .sui-2-12-13 [class=sui-icon-].sui-md:before { font-size: 16px; } .sui-2-12-13 [class=sui-icon-].sui-sm:before { font-size: 12px; } .sui-2-12-13 [class=sui-icon-].sui-success:before { color: inherit; } .sui-2-12-13 [class=sui-icon-].sui-error:before { color: inherit; } .sui-2-12-13 [class=sui-icon-].sui-warning:before { color: inherit; } .sui-2-12-13 [class=sui-icon-].sui-info:before { color: inherit; } .sui-2-12-13 [class=sui-icon-].sui-fw { width: 1.8em; text-align: center; min-height: 1em; } .sui-2-12-13 .sui-icon-check:before { content: "("; } .sui-2-12-13 .sui-icon-close:before { content: ")"; } .sui-2-12-13 .sui-icon-check-tick:before { content: "_"; } .sui-2-12-13 .sui-icon-cross-close:before { content: "+"; } .sui-2-12-13 .sui-icon-plus-circle:before { content: "@"; } .sui-2-12-13 .sui-icon-warning-alert:before { content: "!"; } .sui-2-12-13 .sui-icon-info:before { content: "I"; } .sui-2-12-13 .sui-icon-question:before { content: "?"; } .sui-2-12-13 .sui-icon-trash:before { content: "Q"; } .sui-2-12-13 .sui-icon-pencil:before { content: "/"; } .sui-2-12-13 .sui-icon-unlock:before { content: "0"; } .sui-2-12-13 .sui-icon-lock:before { content: "9"; } .sui-2-12-13 .sui-icon-key:before { content: "◊"; } .sui-2-12-13 .sui-icon-plus:before { content: "="; } .sui-2-12-13 .sui-icon-magnifying-glass-search:before { content: "º"; } .sui-2-12-13 .sui-icon-more:before { content: "…"; } .sui-2-12-13 .sui-icon-wrench-tool:before { content: "⁄"; } .sui-2-12-13 .sui-icon-widget-settings-config:before { content: "x"; } .sui-2-12-13 .sui-icon-settings-slider-control:before { content: "œ"; } .sui-2-12-13 .sui-icon-loader:before { content: "N"; } .sui-2-12-13 .sui-icon-calendar:before { content: "∏"; } .sui-2-12-13 .sui-icon-clock:before { content: ","; } .sui-2-12-13 .sui-icon-speed-optimize:before { content: "ø"; } .sui-2-12-13 .sui-icon-stopwatch:before { content: "V"; } .sui-2-12-13 .sui-icon-filter:before { content: "z"; } .sui-2-12-13 .sui-icon-bookmark:before { content: "√"; } .sui-2-12-13 .sui-icon-chevron-up:before { content: "˝"; } .sui-2-12-13 .sui-icon-chevron-right:before { content: "˜"; } .sui-2-12-13 .sui-icon-chevron-down:before { content: "ı"; } .sui-2-12-13 .sui-icon-chevron-left:before { content: "Ó"; } .sui-2-12-13 .sui-icon-arrow-up:before { content: "Ô"; } .sui-2-12-13 .sui-icon-arrow-right:before { content: "¯"; } .sui-2-12-13 .sui-icon-arrow-down:before { content: "Â"; } .sui-2-12-13 .sui-icon-arrow-left:before { content: ""; } .sui-2-12-13 .sui-icon-arrow-skip-back:before { content: "{"; } .sui-2-12-13 .sui-icon-arrow-skip-forward:before { content: "}"; } .sui-2-12-13 .sui-icon-arrow-skip-start:before { content: ":"; } .sui-2-12-13 .sui-icon-arrow-skip-end:before { content: '"'; } .sui-2-12-13 .sui-icon-play:before { content: "´"; } .sui-2-12-13 .sui-icon-pause:before { content: "†"; } .sui-2-12-13 .sui-icon-arrows-out:before { content: "˚"; } .sui-2-12-13 .sui-icon-arrows-in:before { content: "≤"; } .sui-2-12-13 .sui-icon-arrows-expand:before { content: "¬"; } .sui-2-12-13 .sui-icon-arrows-compress:before { content: "≥"; } .sui-2-12-13 .sui-icon-refresh2:before { content: "Á"; } .sui-2-12-13 .sui-icon-zip:before { content: "a"; } .sui-2-12-13 .sui-icon-combine:before { content: "o"; } .sui-2-12-13 .sui-icon-defer:before { content: "p"; } .sui-2-12-13 .sui-icon-inlinecss:before { content: "c"; } .sui-2-12-13 .sui-icon-movefooter:before { content: "u"; } .sui-2-12-13 .sui-icon-popup:before { content: "1"; } .sui-2-12-13 .sui-icon-slide-in:before { content: "2"; } .sui-2-12-13 .sui-icon-embed:before { content: "3"; } .sui-2-12-13 .sui-icon-list:before { content: "`"; } .sui-2-12-13 .sui-icon-layout-grid:before { content: "∞"; } .sui-2-12-13 .sui-icon-layout:before { content: "©"; } .sui-2-12-13 .sui-icon-thumbnails:before { content: "G"; } .sui-2-12-13 .sui-icon-drag:before { content: "„"; } .sui-2-12-13 .sui-icon-align-left:before { content: "%"; } .sui-2-12-13 .sui-icon-align-center:before { content: "^"; } .sui-2-12-13 .sui-icon-align-right:before { content: "&"; } .sui-2-12-13 .sui-icon-align-justify:before { content: "#"; } .sui-2-12-13 .sui-icon-indent-more:before { content: "’"; } .sui-2-12-13 .sui-icon-indent-less:before { content: "”"; } .sui-2-12-13 .sui-icon-blog:before { content: "Y"; } .sui-2-12-13 .sui-icon-list-number:before { content: "7"; } .sui-2-12-13 .sui-icon-list-bullet:before { content: "8"; } .sui-2-12-13 .sui-icon-bold:before { content: "B"; } .sui-2-12-13 .sui-icon-quote-2:before { content: "'"; } .sui-2-12-13 .sui-icon-style-type:before { content: "<"; } .sui-2-12-13 .sui-icon-wand-magic:before { content: "Z"; } .sui-2-12-13 .sui-icon-link:before { content: "5"; } .sui-2-12-13 .sui-icon-unlink:before { content: "6"; } .sui-2-12-13 .sui-icon-paperclip:before { content: "A"; } .sui-2-12-13 .sui-icon-code:before { content: ";"; } .sui-2-12-13 .sui-icon-color-pick-eyedropper:before { content: "¥"; } .sui-2-12-13 .sui-icon-crop:before { content: "C"; } .sui-2-12-13 .sui-icon-paint-bucket:before { content: "∫"; } .sui-2-12-13 .sui-icon-camera:before { content: "Ø"; } .sui-2-12-13 .sui-icon-photo-picture:before { content: "D"; } .sui-2-12-13 .sui-icon-animation-video:before { content: "F"; } .sui-2-12-13 .sui-icon-home:before { content: "J"; } .sui-2-12-13 .sui-icon-mail:before { content: "m"; } .sui-2-12-13 .sui-icon-send:before { content: "“"; } .sui-2-12-13 .sui-icon-phone:before { content: ">"; } .sui-2-12-13 .sui-icon-pin:before { content: "Œ"; } .sui-2-12-13 .sui-icon-post-pin:before { content: "ˇ"; } .sui-2-12-13 .sui-icon-calculator:before { content: "¨"; } .sui-2-12-13 .sui-icon-element-checkbox:before { content: "Å"; } .sui-2-12-13 .sui-icon-element-radio:before { content: "Í"; } .sui-2-12-13 .sui-icon-element-select:before { content: "Ï"; } .sui-2-12-13 .sui-icon-element-number:before { content: "Ú"; } .sui-2-12-13 .sui-icon-recaptcha:before { content: "–"; } .sui-2-12-13 .sui-icon-folder:before { content: "˘"; } .sui-2-12-13 .sui-icon-folder-open:before { content: "»"; } .sui-2-12-13 .sui-icon-archive:before { content: "b"; } .sui-2-12-13 .sui-icon-book:before { content: "∆"; } .sui-2-12-13 .sui-icon-page-multiple:before { content: "ç"; } .sui-2-12-13 .sui-icon-layers:before { content: "æ"; } .sui-2-12-13 .sui-icon-copy:before { content: "4"; } .sui-2-12-13 .sui-icon-graph-bar:before { content: "Ç"; } .sui-2-12-13 .sui-icon-graph-bar-2:before { content: "˛"; } .sui-2-12-13 .sui-icon-graph-line:before { content: "¡"; } .sui-2-12-13 .sui-icon-tracking-disabled:before { content: "€"; } .sui-2-12-13 .sui-icon-page:before { content: "Ò"; } .sui-2-12-13 .sui-icon-clipboard-notes:before { content: "¿"; } .sui-2-12-13 .sui-icon-page-pdf:before { content: "Æ"; } .sui-2-12-13 .sui-icon-heart:before { content: "K"; } .sui-2-12-13 .sui-icon-star:before { content: "S"; } .sui-2-12-13 .sui-icon-plugin-2:before { content: "O"; } .sui-2-12-13 .sui-icon-brush:before { content: "~"; } .sui-2-12-13 .sui-icon-plug-connected:before { content: "R"; } .sui-2-12-13 .sui-icon-plug-disconnected:before { content: "."; } .sui-2-12-13 .sui-icon-power-on-off:before { content: "["; } .sui-2-12-13 .sui-icon-target:before { content: "≠"; } .sui-2-12-13 .sui-icon-upload-cloud:before { content: "¢"; } .sui-2-12-13 .sui-icon-download-cloud:before { content: "£"; } .sui-2-12-13 .sui-icon-cloud:before { content: "™"; } .sui-2-12-13 .sui-icon-cloud-migration:before { content: "l"; } .sui-2-12-13 .sui-icon-unpublish:before { content: "ˆ"; } .sui-2-12-13 .sui-icon-download:before { content: "X"; } .sui-2-12-13 .sui-icon-save:before { content: "ß"; } .sui-2-12-13 .sui-icon-lightbulb:before { content: "L"; } .sui-2-12-13 .sui-icon-sitemap:before { content: "¸"; } .sui-2-12-13 .sui-icon-storage-server-data:before { content: "Î"; } .sui-2-12-13 .sui-icon-user-reputation-points:before { content: "E"; } .sui-2-12-13 .sui-icon-tablet-portrait:before { content: "]"; } .sui-2-12-13 .sui-icon-laptop:before { content: "«"; } .sui-2-12-13 .sui-icon-monitor:before { content: "$"; } .sui-2-12-13 .sui-icon-eye:before { content: "e"; } .sui-2-12-13 .sui-icon-eye-hide:before { content: "q"; } .sui-2-12-13 .sui-icon-update:before { content: "®"; } .sui-2-12-13 .sui-icon-refresh:before { content: "H"; } .sui-2-12-13 .sui-icon-undo:before { content: "‰"; } .sui-2-12-13 .sui-icon-web-globe-world:before { content: "W"; } .sui-2-12-13 .sui-icon-flag:before { content: "\|"; } .sui-2-12-13 .sui-icon-academy:before { content: "π"; } .sui-2-12-13 .sui-icon-profile-male:before { content: "µ"; } .sui-2-12-13 .sui-icon-community-people:before { content: "‘"; } .sui-2-12-13 .sui-icon-help-support:before { content: "M"; } .sui-2-12-13 .sui-icon-gdpr:before { content: "∑"; } .sui-2-12-13 .sui-icon-like:before { content: "j"; } .sui-2-12-13 .sui-icon-dislike:before { content: "k"; } .sui-2-12-13 .sui-icon-finger-point:before { content: "≈"; } .sui-2-12-13 .sui-icon-open-new-window:before { content: "n"; } .sui-2-12-13 .sui-icon-reply:before { content: "r"; } .sui-2-12-13 .sui-icon-share:before { content: "s"; } .sui-2-12-13 .sui-icon-wordpress:before { content: "w"; } .sui-2-12-13 .sui-icon-social-facebook:before { content: "f"; } .sui-2-12-13 .sui-icon-social-twitter:before { content: "t"; } .sui-2-12-13 .sui-icon-social-linkedin:before { content: "i"; } .sui-2-12-13 .sui-icon-social-dropbox:before { content: "d"; } .sui-2-12-13 .sui-icon-social-drive:before { content: "v"; } .sui-2-12-13 .sui-icon-social-google-plus:before { content: "g"; } .sui-2-12-13 .sui-icon-social-youtube:before { content: "y"; } .sui-2-12-13 .sui-icon-instagram:before { content: "-"; } .sui-2-12-13 .sui-icon-cloudflare:before { content: "Ð"; } .sui-2-12-13 .sui-icon-social-github:before { content: "h"; } .sui-2-12-13 .sui-icon-wpmudev-logo:before { content: "‹"; } .sui-2-12-13 .sui-icon-defender:before { content: "·"; } .sui-2-12-13 .sui-icon-smush:before { content: "‡"; } .sui-2-12-13 .sui-icon-upfront:before { content: "‚"; } .sui-2-12-13 .sui-icon-hummingbird:before { content: "°"; } .sui-2-12-13 .sui-icon-uptime:before { content: "±"; } .sui-2-12-13 .sui-icon-smart-crawl:before { content: "∂"; } .sui-2-12-13 .sui-icon-forminator:before { content: "P"; } .sui-2-12-13 .sui-icon-shipper-anchor:before { content: "T"; } .sui-2-12-13 .sui-icon-snapshot:before { content: "ﬁ"; } .sui-2-12-13 .sui-icon-hustle:before { content: "—"; } .sui-2-12-13 .sui-icon-performance:before { content: "U"; } .sui-2-12-13 .sui-icon-hub:before { content: "ﬂ"; } .sui-2-12-13 .sui-icon-automate:before { content: "˙"; } .sui-2-12-13 .sui-icon-align-y-center:before { content: ""; } .sui-2-12-13 .sui-icon-align-y-top:before { content: "§"; } .sui-2-12-13 .sui-icon-align-y-bottom:before { content: "¶"; } .sui-2-12-13 .sui-icon-align-x-center:before { content: "ƒ"; } .sui-2-12-13 .sui-icon-align-x-right:before { content: "•"; } .sui-2-12-13 .sui-icon-align-x-left:before { content: "å"; } .sui-2-12-13 .sui-icon-logout:before { content: "›"; } .sui-2-12-13 .sui-icon-branda:before { content: "ª"; } .sui-2-12-13 .sui-icon-beehive:before { content: "Ω"; } .sui-2-12-13 .sui-icon-async:before { content: "⤉"; } .sui-2-12-13 .sui-icon-site-health:before { content: "❤"; } .sui-2-12-13 .sui-icon-import-export:before { content: "⥮"; } .sui-2-12-13 .sui-wrap .sui-button, .sui-2-12-13 .sui-wrap .sui-button-icon, .sui-2-12-13 .sui-wrap a.sui-button, .sui-2-12-13 .sui-wrap a.sui-button-icon, .sui-2-12-13 .sui-wrap button.sui-button, .sui-2-12-13 .sui-wrap button.sui-button-icon { cursor: pointer; display: inline-block; position: relative; margin: 0; border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0); border-radius: 4px; text-decoration: none; text-align: center; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-button .sui-loading, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-loading { width: 16px; height: 16px; display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; margin: 0; } .sui-2-12-13 .sui-wrap .sui-button .sui-loading:before, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-loading:before, .sui-2-12-13 .sui-wrap a.sui-button .sui-loading:before, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-loading:before, .sui-2-12-13 .sui-wrap button.sui-button .sui-loading:before, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-loading:before { display: block; } .sui-2-12-13 .sui-wrap .sui-button .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button .sui-button-text-default, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-button-text-default, .sui-2-12-13 .sui-wrap a.sui-button .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button .sui-button-text-default, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-button-text-default, .sui-2-12-13 .sui-wrap button.sui-button .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button .sui-button-text-default, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-button-text-default { display: block; pointer-events: none; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button .sui-button-text-default .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-button-text-default .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button .sui-button-text-default .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-button-text-default .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button .sui-button-text-default .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-loading-text .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-button-text-default .sui-loading-text { overflow: hidden; text-overflow: ellipsis; } } .sui-2-12-13 .sui-wrap .sui-button .sui-button-text-onload, .sui-2-12-13 .sui-wrap .sui-button-icon .sui-button-text-onload, .sui-2-12-13 .sui-wrap a.sui-button .sui-button-text-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon .sui-button-text-onload, .sui-2-12-13 .sui-wrap button.sui-button .sui-button-text-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon .sui-button-text-onload { display: none; } .sui-2-12-13 .sui-wrap .sui-button [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-button-icon [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button-icon [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button-icon [class=sui-icon-] { font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-button [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-button-icon [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap a.sui-button [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap a.sui-button-icon [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap button.sui-button [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap button.sui-button-icon [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-button:hover, .sui-2-12-13 .sui-wrap .sui-button-icon:hover, .sui-2-12-13 .sui-wrap a.sui-button:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon:hover, .sui-2-12-13 .sui-wrap button.sui-button:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon:hover { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-button:focus, .sui-2-12-13 .sui-wrap .sui-button-icon:focus, .sui-2-12-13 .sui-wrap a.sui-button:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon:focus, .sui-2-12-13 .sui-wrap button.sui-button:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon:focus { outline: none; } .sui-2-12-13 .sui-wrap .sui-button.disabled, .sui-2-12-13 .sui-wrap .sui-button:disabled, .sui-2-12-13 .sui-wrap .sui-button[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap .sui-button-icon.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.disabled, .sui-2-12-13 .sui-wrap a.sui-button:disabled, .sui-2-12-13 .sui-wrap a.sui-button[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.disabled, .sui-2-12-13 .sui-wrap button.sui-button:disabled, .sui-2-12-13 .sui-wrap button.sui-button[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text { cursor: default; pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload { pointer-events: none; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload .sui-loading, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading { display: flex; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload .sui-loading-text, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload .sui-loading-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload .sui-loading-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading-text { opacity: 0; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text { pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-default, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-default, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-default, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-default, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-default, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-default { display: none; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload { display: block; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading { width: auto; height: auto; display: inline-block; position: relative; vertical-align: unset; margin-right: 4px; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before { display: inline-block; } .sui-2-12-13 .sui-wrap .sui-button:not(:last-child), .sui-2-12-13 .sui-wrap .sui-button-icon:not(:last-child), .sui-2-12-13 .sui-wrap a.sui-button:not(:last-child), .sui-2-12-13 .sui-wrap a.sui-button-icon:not(:last-child), .sui-2-12-13 .sui-wrap button.sui-button:not(:last-child), .sui-2-12-13 .sui-wrap button.sui-button-icon:not(:last-child) { margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-button, .sui-2-12-13 .sui-wrap a.sui-button, .sui-2-12-13 .sui-wrap button.sui-button { width: auto; min-width: 80px; padding: 5px 14px; background-color: #888; color: #fff; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-transform: uppercase; } .sui-2-12-13 .sui-wrap .sui-button [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button [class=sui-icon-] { vertical-align: middle; } .sui-2-12-13 .sui-wrap .sui-button [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap a.sui-button [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap button.sui-button [class=sui-icon-]:not(.sui-loading) { width: 22px; position: relative; top: -1px; margin-left: -7px; } .sui-2-12-13 .sui-wrap .sui-button:hover, .sui-2-12-13 .sui-wrap .sui-button:focus, .sui-2-12-13 .sui-wrap a.sui-button:hover, .sui-2-12-13 .sui-wrap a.sui-button:focus, .sui-2-12-13 .sui-wrap button.sui-button:hover, .sui-2-12-13 .sui-wrap button.sui-button:focus { background-color: #6f6f6f; } .sui-2-12-13 .sui-wrap .sui-button:focus, .sui-2-12-13 .sui-wrap a.sui-button:focus, .sui-2-12-13 .sui-wrap button.sui-button:focus { outline: none; box-shadow: 0 0 0 2px #ddd; } .sui-2-12-13 .sui-wrap .sui-button.disabled, .sui-2-12-13 .sui-wrap .sui-button:disabled, .sui-2-12-13 .sui-wrap .sui-button[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.disabled, .sui-2-12-13 .sui-wrap a.sui-button:disabled, .sui-2-12-13 .sui-wrap a.sui-button[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.disabled, .sui-2-12-13 .sui-wrap button.sui-button:disabled, .sui-2-12-13 .sui-wrap button.sui-button[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-icon-right [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap a.sui-button.sui-button-icon-right [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap button.sui-button.sui-button-icon-right [class=sui-icon-]:not(.sui-loading) { margin-right: -7px; margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue:focus { background-color: #1286b5; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue:focus { outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-green, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green { background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-green:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green:focus { background-color: #148f77; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green:focus { outline: none; box-shadow: 0 0 0 2px #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-green.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-green:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-green[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-green.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-red, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red { background-color: #ff6d6d; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-red:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red:focus { background-color: #ff3a3a; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red:focus { outline: none; box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-red.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-red:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-red[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-red.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange { background-color: #ff7e41; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange:focus { background-color: #ff5b0e; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange:focus { outline: none; box-shadow: 0 0 0 2px #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow { background-color: #fecf2f; color: #333; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow:focus { background-color: #f9c101; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow:focus { outline: none; box-shadow: 0 0 0 2px #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple { background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple:focus { background-color: #64007e; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-white, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white { background-color: #fff; color: #000; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-white:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white:focus { background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-white.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-white:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-white[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-white.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-upsell, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-upsell, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-upsell { width: auto; height: 26px; padding: 4px 14px; border-color: #d1f1ea; border-radius: 14px; background-color: rgba(0,0,0,0); color: #1abc9c; line-height: 14px; text-transform: none; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-upsell:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-upsell:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-upsell:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-upsell:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-upsell:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-upsell:focus { opacity: 1; border-color: #1abc9c; background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-upsell:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-upsell:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-upsell:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-dashed { width: 100%; display: flex; align-items: center; justify-content: center; border-width: 1px; border-style: dashed; border-color: #aaa; background-color: rgba(0,0,0,0); color: #888; line-height: 18px; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-dashed.sui-lg, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-dashed.sui-lg, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-dashed.sui-lg { height: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-dashed.sui-lg, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-dashed.sui-lg, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-dashed.sui-lg { height: 50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-dashed { height: 50px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-dashed { height: 60px; } } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost { border-color: #ddd; background-color: rgba(0,0,0,0); color: #888; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost:focus { border-color: #888; background-color: #888; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost:focus { outline: none; box-shadow: 0 0 0 2px #ddd; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload-text { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue { border-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:focus { border-color: #17a8e3; background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:focus { outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green { border-color: #d1f1ea; color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:focus { border-color: #1abc9c; background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:focus { outline: none; box-shadow: 0 0 0 2px #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red { border-color: #ffe5e9; color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:focus { border-color: #ff6d6d; background-color: #ff6d6d; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:focus { outline: none; box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange { border-color: #ffe5d9; color: #ff7e41; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:focus { border-color: #ff7e41; background-color: #ff7e41; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:focus { outline: none; box-shadow: 0 0 0 2px #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow { border-color: #fff5d5; color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:focus { border-color: #fecf2f; background-color: #fecf2f; color: #333; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:focus { outline: none; box-shadow: 0 0 0 2px #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple { border-color: #f9e1ff; color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:focus { border-color: #8d00b1; background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white { border-color: #fff; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:hover, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:hover, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:hover, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:focus { border-color: #fff; background-color: #fff; color: #000; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white.disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:disabled, .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white[disabled], .sui-2-12-13 .sui-wrap .sui-button.sui-button-ghost.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white.disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:disabled, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white[disabled], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white.disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:disabled, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white[disabled], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white.sui-button-onload { border-color: #e6e6e6; background-color: #e6e6e6; color: #aaa; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop { display: none; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop { display: block; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile [class=sui-icon-] { margin-right: 0; margin-left: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-button.sui-button-compound, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-compound, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-compound { min-width: 44px; padding-right: 5px; padding-left: 5px; } } .sui-2-12-13 .sui-wrap .sui-button.sui-button-lg, .sui-2-12-13 .sui-wrap a.sui-button.sui-button-lg, .sui-2-12-13 .sui-wrap button.sui-button.sui-button-lg { padding: 8px 20px; font-size: 15px; line-height: 20px; } .sui-2-12-13 .sui-wrap .sui-button.sui-button-lg [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button.sui-button-lg [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button.sui-button-lg [class=sui-icon-] { font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-button-icon, .sui-2-12-13 .sui-wrap a.sui-button-icon, .sui-2-12-13 .sui-wrap button.sui-button-icon { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; background-color: rgba(0,0,0,0); color: #888; text-align: center; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-button-icon [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap a.sui-button-icon [class=sui-icon-]:not(.sui-loading), .sui-2-12-13 .sui-wrap button.sui-button-icon [class=sui-icon-]:not(.sui-loading) { display: block; } .sui-2-12-13 .sui-wrap .sui-button-icon:hover, .sui-2-12-13 .sui-wrap .sui-button-icon:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-active { background-color: #f2f2f2; color: #333; } .sui-2-12-13 .sui-wrap .sui-button-icon:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon:focus { outline: none; box-shadow: 0 0 0 2px #ddd; } .sui-2-12-13 .sui-wrap .sui-button-icon.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue.sui-active { background-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue:focus { outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green { color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green.sui-active { background-color: #d1f1ea; color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green:focus { outline: none; box-shadow: 0 0 0 2px #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red { color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red.sui-active { background-color: #ffe5e9; color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red:focus { outline: none; box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange { color: #ff7e41; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange.sui-active { background-color: #ffe5d9; color: #ff7e41; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange:focus { outline: none; box-shadow: 0 0 0 2px #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow { color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-active { background-color: #fff5d5; color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow:focus { outline: none; box-shadow: 0 0 0 2px #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple { color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple.sui-active { background-color: #f9e1ff; color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white { color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white.sui-active { background-color: rgba(0,0,0,.2); color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-white.sui-button-onload-text { color: #aaa; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined { width: 44px; border-color: #ddd; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-active { border-color: #888; background-color: #888; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined:focus { outline: none; box-shadow: 0 0 0 2px #ddd; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue { border-color: #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active { border-color: #17a8e3; background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:focus { outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green { border-color: #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-active { border-color: #1abc9c; background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:focus { outline: none; box-shadow: 0 0 0 2px #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red { border-color: #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-active { border-color: #ff6d6d; background-color: #ff6d6d; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:focus { outline: none; box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange { border-color: #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active { border-color: #ff7e41; background-color: #ff7e41; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:focus { outline: none; box-shadow: 0 0 0 2px #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow { border-color: #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active { border-color: #fecf2f; background-color: #fecf2f; color: #333; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:focus { outline: none; box-shadow: 0 0 0 2px #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple { border-color: #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active { border-color: #8d00b1; background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white { border-color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-active { border-color: #fff; background-color: #fff; color: #000; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text { border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-active { background-color: #d2d2d2; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled:focus { outline: none; box-shadow: 0 0 0 2px #ddd; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-active { background-color: #1286b5; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:focus { outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green { background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-active { background-color: #148f77; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:focus { outline: none; box-shadow: 0 0 0 2px #d1f1ea; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red { background-color: #ff6d6d; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-active { background-color: #ff3a3a; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:focus { outline: none; box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange { background-color: #ff7e41; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-active { background-color: #ff5b0e; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:focus { outline: none; box-shadow: 0 0 0 2px #ffe5d9; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow { background-color: #fecf2f; color: #333; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active { background-color: #f9c101; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:focus { outline: none; box-shadow: 0 0 0 2px #fff5d5; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple { background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-active { background-color: #64007e; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:focus { outline: none; box-shadow: 0 0 0 2px #f9e1ff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white { background-color: #fff; color: #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:hover, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:focus, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:hover, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-active, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:hover, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-active { background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:focus, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:focus, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:disabled, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white[disabled], .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:disabled, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white[disabled], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:disabled, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white[disabled], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text { background-color: #e6e6e6; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-lg, .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-lg, .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-lg { width: 50px; height: 40px; } .sui-2-12-13 .sui-wrap .sui-button-icon.sui-button-lg [class=sui-icon-], .sui-2-12-13 .sui-wrap a.sui-button-icon.sui-button-lg [class=sui-icon-], .sui-2-12-13 .sui-wrap button.sui-button-icon.sui-button-lg [class=sui-icon-] { font-size: 13px; } .sui-2-12-13 .sui-wrap .sui-dropdown .sui-button:not(:last-child), .sui-2-12-13 .sui-wrap .sui-dropdown .sui-button-icon:not(:last-child), .sui-2-12-13 .sui-wrap .sui-dropdown a.sui-button:not(:last-child), .sui-2-12-13 .sui-wrap .sui-dropdown a.sui-button-icon:not(:last-child), .sui-2-12-13 .sui-wrap .sui-dropdown button.sui-button:not(:last-child), .sui-2-12-13 .sui-wrap .sui-dropdown button.sui-button-icon:not(:last-child) { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-toggle { display: flex; flex-direction: column; align-items: flex-start; position: relative; opacity: 1; pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-toggle input, .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider, .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-label { pointer-events: all; } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider, .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-label { cursor: pointer; } .sui-2-12-13 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider { background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider:before { transform: translateX(18px); } .sui-2-12-13 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider { cursor: not-allowed; background-color: #ddd; } .sui-2-12-13 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider:before { background-color: #aaa; } .sui-2-12-13 .sui-wrap .sui-toggle input[disabled]~.sui-description, .sui-2-12-13 .sui-wrap .sui-toggle .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]~.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle input[disabled]~.fui-app--description, .sui-2-12-13 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-label { cursor: initial; pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-toggle input:hover~.sui-toggle-slider { box-shadow: 0 0 0 5px #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-toggle input:hover:checked~.sui-toggle-slider { box-shadow: 0 0 0 5px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-toggle input:hover:focus { box-shadow: 0 0 0 5px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-toggle input:hover:focus:checked~.sui-toggle-slider { box-shadow: 0 0 0 5px #d1eaf4; } .sui-2-12-13 .sui-wrap .sui-toggle input:hover[disabled]~.sui-toggle-slider { box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-toggle input:focus~.sui-toggle-slider { box-shadow: 0 0 0 5px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-toggle input:focus:checked~.sui-toggle-slider { box-shadow: 0 0 0 5px #d1eaf4; } @media (forced-colors: active) { .sui-2-12-13 .sui-wrap .sui-toggle input~.sui-toggle-slider { forced-color-adjust: none; } } @media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) { .sui-2-12-13 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider { background-color: #ff7e41 !important; } .sui-2-12-13 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider:before { background-color: #fafafa; } } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider { width: 34px; height: 16px; position: absolute; left: 0; top: 0; margin: 3px 0; padding: 0; border: 0; border-radius: 8px; background-color: #aaa; transition: all .3s ease; opacity: 1; } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider:before { content: " "; width: 14px; height: 14px; position: absolute; top: 1px; left: 1px; border-radius: 16px; background-color: #fff; transition: .2s linear; } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider:last-child, .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider.sui-toggle-slider--only { position: relative; } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider~.sui-toggle-label, .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-slider~.sui-description, .sui-2-12-13 .sui-wrap .sui-toggle .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle-slider~.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle .sui-toggle-slider~.fui-app--description { margin-left: 44px; pointer-events: all; } .sui-2-12-13 .sui-wrap .sui-toggle .sui-toggle-label { display: block; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-toggle+label, .sui-2-12-13 .sui-wrap .sui-toggle+.sui-toggle-label { position: relative; top: -3px; margin-left: 10px; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-toggle-content { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-toggle-content, .sui-2-12-13 .sui-wrap .sui-toggle-content.sui-border-frame { margin-left: 44px; } .sui-2-12-13 .sui-wrap * { box-sizing: border-box; } .sui-2-12-13 .sui-wrap :before, .sui-2-12-13 .sui-wrap :after { box-sizing: border-box; } .sui-2-12-13 .sui-wrap .sui-box { min-height: 20px; position: relative; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 0 #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-header { border-bottom: 1px solid #e6e6e6; padding: 15px 30px; display: flex; align-items: center; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-header { padding: 15px 20px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-header>h3>[class=sui-icon-] { line-height: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-body { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-body { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-footer { border-top: 1px solid #e6e6e6; padding: 30px; display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-footer.sui-pull-up { margin-top: -15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-footer { padding: 20px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status { padding: 15px 20px 20px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status { display: flex; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-] { font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-] .sui-tag { margin-left: 8px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-] [class=sui-icon-] { margin-right: 4px; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-] [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-]:not(:last-child) { margin-right: 20px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status [class=sui-status-]:not(:first-child) { padding-left: 20px; border-left: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-module { color: #888; font-weight: bold; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes { color: #aaa; font-weight: 500; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-check-tick:before { color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-update:before { color: #888; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions { margin-top: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions { margin-left: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-status { flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-status .sui-actions { flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-status { display: flex; padding: 15px 30px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-search> { max-width: 100%; flex: 0 1 auto; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search>.sui-search-left:not(:last-child) { margin-right: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search>.sui-search-left { display: flex; flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search>.sui-search-right:only-child { flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child):not(:last-child) { margin-right: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child) { flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-search { display: flex; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box.sui-box-sticky { position: sticky !important; top: 32px; z-index: 12; } } .sui-2-12-13 .sui-wrap .sui-box.sui-box-sticky.sui-is-sticky { box-shadow: 0 5px 25px rgba(0,0,0,.15); } .sui-2-12-13 .sui-wrap .sui-box>.sui-box-search { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box>.sui-box-search { padding-right: 20px; padding-left: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box>.sui-box-search { padding-right: 30px; padding-left: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box:last-child { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-message { display: block; text-align: center; } .sui-2-12-13 .sui-wrap .sui-message .sui-message-content { max-width: 600px; margin-right: auto; margin-left: auto; } .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h1, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h2, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h3, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h4, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h5, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h6 { margin: 0 0 20px; } .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h1:last-child, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h2:last-child, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h3:last-child, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h4:last-child, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h5:last-child, .sui-2-12-13 .sui-wrap .sui-message .sui-message-content h6:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-message .sui-message-content p { margin: 0 0 30px; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-message .sui-message-content p:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-message .sui-message-content { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-message .sui-message-content { margin-top: 30px; margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-message:not(.sui-message-lg) .sui-image { margin: 10px auto; } .sui-2-12-13 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-message.sui-message-lg .sui-image { margin: 30px auto; } .sui-2-12-13 .sui-wrap .sui-message:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-message:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-message { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-message { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title { display: block; margin: 0; padding: 0; border: 0; color: #333; font: 700 15px/30px "Roboto",Arial,sans-serif; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title * { vertical-align: middle; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title [class=sui-icon-] { float: left; display: block; margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title [class=sui-icon-]:before { color: inherit; font-size: 20px; vertical-align: text-bottom; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row { position: relative; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image { width: 100px; position: absolute; bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image { display: none; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p { position: relative; padding: 15px 20px 15px 43px; border-radius: 4px; color: #333; font-size: 13px; line-height: 22px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 2px solid #8d00b1; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p a { color: #333; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before { content: "I"; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before { color: #8d00b1; margin-left: -23px; margin-right: 10px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice { padding-left: 130px; } } .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items { padding: 0; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-box { padding: 20px; border: 1px solid #e6e6e6; border-radius: 4px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-box { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-with-bottom-border { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-with-bottom-border { margin-bottom: 20px; padding-bottom: 20px; } } .sui-2-12-13 .sui-wrap .sui-border-frame { margin: 10px 0 0; border: 1px solid #e6e6e6; border-radius: 4px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-border-frame:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-border-frame:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-border-frame { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-border-frame { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row { display: flex; position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row [class=sui-box-settings-col-]+div { padding-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row [class=sui-box-settings-col-]+div { margin-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row.sui-disabled { opacity: .5; pointer-events: none; background-color: rgba(242,242,242,.5); } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed { margin-right: -30px; margin-left: -30px; padding-right: 30px; padding-left: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-row { display: block; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row { display: flex; position: relative; margin-bottom: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class=sui-box-settings-col-]+div { padding-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class=sui-box-settings-col-]+div { margin-left: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label:only-child, .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label-with-tag:only-child { margin: 5px 0; line-height: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row { display: block; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-col-1 { max-width: 200px; flex: 0 1 200px; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label, .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label-with-tag { color: #333; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-col-1 { max-width: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-col-2 { min-width: 0; flex: 1; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label, .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag { display: block; margin: 0 0 5px; padding: 0; border: 0; color: #666; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label:last-child, .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag:last-child { margin: 0; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label.sui-dark, .sui-2-12-13 .sui-wrap .sui-box-body .sui-dark.sui-settings-label-with-tag { color: #333; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag { display: flex; align-items: flex-start; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag { margin-top: -2px; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-sm { margin-top: 4px; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-pro, .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-beta { margin-top: 5px; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-description+.sui-settings-box, .sui-2-12-13 .sui-wrap .sui-box-body .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.sui-settings-box, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-body .fui-app--description+.sui-settings-box { margin-top: 10px; } .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row { margin: 0; padding-top: 21px; padding-right: 20px; padding-left: 20px; border-bottom: none; } .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:after { content: ""; height: 1px; clear: both; display: block; position: absolute; right: 0; bottom: 0; left: 0; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child, .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type { padding-bottom: 30px; } .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child:after, .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type:after { content: unset; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child, .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type { padding-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row { padding-top: 31px; padding-right: 30px; padding-left: 30px; } } .sui-2-12-13.rtl .sui-wrap .sui-box-settings-row select:not(.sui-select):not(.sui-variables), .sui-2-12-13.rtl .sui-wrap .sui-box-settings-slim-row select:not(.sui-select):not(.sui-variables) { padding-right: 14px; padding-left: 40px; background-position: 14px; } .sui-2-12-13.rtl .sui-wrap .sui-box-settings-row [data-clipboard-target], .sui-2-12-13.rtl .sui-wrap .sui-box-settings-slim-row [data-clipboard-target] { left: 15px; right: auto; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-box-settings-row [class=sui-box-settings-col-]+div, .sui-2-12-13.rtl .sui-wrap .sui-box-settings-slim-row [class=sui-box-settings-col-]+div { margin-left: 0; margin-right: 30px; } } .sui-2-12-13.rtl .sui-wrap .sui-box-header .sui-actions-left { margin-left: auto; margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-box-selectors { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-box-selectors ul, .sui-2-12-13 .sui-wrap .sui-box-selectors li { list-style: none; } .sui-2-12-13 .sui-wrap .sui-box-selectors ul { display: flex; flex-wrap: wrap; margin-top: 0; margin-right: -10px; margin-bottom: 0; margin-left: -10px; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-box-selectors ul li { margin: 0; padding: 10px; border: 0; } .sui-2-12-13 .sui-wrap .sui-box-selectors ul.sui-spacing-slim li { padding: 5px; } .sui-2-12-13 .sui-wrap .sui-box-selectors[class=sui-box-selectors-col-] ul li { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-box-selectors:not([class=sui-box-selectors-col-]) ul li { flex: 1; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li { min-width: 100%; flex-basis: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li { min-width: 100%; flex-basis: 100%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li { min-width: 100%; flex-basis: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li { min-width: 50%; flex-basis: 50%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li { min-width: 100%; flex-basis: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li { min-width: 33.33%; flex-basis: 33.33%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li { min-width: 100%; flex-basis: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li { min-width: 25%; flex-basis: 25%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li { min-width: 100%; flex-basis: 100%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li { min-width: 20%; flex-basis: 20%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-selectors { padding: 10px 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-selectors { padding: 20px 30px; } } .sui-2-12-13 .sui-wrap .sui-box-selector { overflow: hidden; display: block; position: relative; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); color: #888; font-family: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-selector input~span { display: block; padding-right: 29px; padding-left: 19px; border: 1px dashed rgba(0,0,0,0); border-radius: 4px; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-selector input~span:not(:last-child) { border-bottom-color: rgba(0,0,0,0) !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sui-2-12-13 .sui-wrap .sui-box-selector input~span:last-child { border-top-left-radius: 0; border-top-right-radius: 0; } .sui-2-12-13 .sui-wrap .sui-box-selector input+span { display: flex; align-items: center; padding-top: 19px; padding-bottom: 19px; font-size: 12px; line-height: 20px; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-box-selector input+span [class=sui-icon] { width: 30px; flex: 0 0 30px; align-self: flex-start; margin: 0 5px 0 0; font-size: 16px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-box-selector input+span [class=sui-icon]:before { display: block; color: #aaa; line-height: 20px; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-selector input+span img { max-width: 24px; height: auto; display: block; margin: 0 5px 0 0; } .sui-2-12-13 .sui-wrap .sui-box-selector input+span~span { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(230,230,230,.5); font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span { position: relative; background-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span:before { content: "_"; position: absolute; z-index: 1; top: 5px; right: 5px; color: #fff; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span:after { content: " "; position: absolute; top: -1px; right: -1px; border-top: 40px solid #17a8e3; border-left: 40px solid rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span [class=sui-icon]:before { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-box-selector input:checked+span~span { border-top-color: #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-box-selector:hover { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled { pointer-events: none; position: relative; background-color: rgba(0,0,0,0); box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled input+span { border-color: #aaa; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-pro, .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-beta { position: absolute; top: 5px; right: 5px; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled input+span~span { border-color: #aaa; border-top-style: dashed; border-top-color: #ddd; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-disabled:hover { box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-box-selector-vertical input~span { text-align: center; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span { display: block; padding-top: 21px; padding-right: 10px; padding-bottom: 16px; padding-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class=sui-icon] { display: block; margin: 0 auto 7px; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class=sui-icon]:before { line-height: 16px; } .sui-2-12-13 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span img { margin: 0 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder { display: block; margin: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-button-icon { margin: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-button.sui-align_top, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-button-icon.sui-align_top { align-self: flex-start; margin-top: 5px; margin-bottom: 5px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label { min-width: 0; display: flex; flex: 1 1 auto; align-items: center; color: #333; font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class=sui-icon-] { flex: 0 0 30px; font-size: 16px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class=sui-icon-]+span { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class=sui-icon-]+.sui-builder-field-image { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image { width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid #e6e6e6; background-color: #ddd; background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF); background-size: 12px 12px; background-position: 0 0,6px 6px; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image span { width: 38px; height: 38px; display: block; border: 1px solid #fff; border-radius: 3px; background-repeat: no-repeat; background-size: cover; background-position: center; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image+span { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-button-icon { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form { display: block; flex: 1 1 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row { display: flex; margin: 0 0 10px; align-items: center; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field { flex: 1; margin: 0 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field.sui-auto { flex: 0 1 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border { width: 1px; height: 20px; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border:not(:last-child) { margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border:not(:first-child) { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border+.sui-dropdown { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice { width: 30px; height: 30px; cursor: help; display: flex; align-items: center; justify-content: center; border-radius: 4px; background-color: rgba(0,0,0,0); color: #17a8e3; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice [class=sui-icon-] { font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice:focus, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice:hover { background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-open-indicator [class=sui-icon-] { transition: .2s linear; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag { width: 30px; flex: 0 0 30px; color: #ddd; font-size: 16px; text-align: center; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag:before, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag:before, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag.sui-align_top, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag.sui-align_top, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag.sui-align_top { align-self: flex-start; margin-top: 12px; margin-bottom: 12px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-button-icon { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) { display: flex; align-items: center; padding-right: 20px; padding-left: 20px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can_move, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can-move { cursor: move; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can_open { cursor: pointer; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) { min-height: 50px; padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) { min-height: 60px; padding-top: 15px; padding-bottom: 15px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header { cursor: pointer; display: flex; align-items: center; padding-right: 20px; padding-left: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header { min-height: 50px; padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header { min-height: 60px; padding-top: 15px; padding-bottom: 15px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body { display: none; border-top: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can_move .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can-move .sui-accordion-item-header { cursor: move; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can_open .sui-accordion-item-header { cursor: pointer; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-accordion-item--open .sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-] { transform: rotate(180deg); } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-accordion-item--open .sui-accordion-item-body { display: block; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info { overflow: hidden; display: flex; flex: 1; align-items: center; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info:not(:last-child) { padding-left: 20px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info:not(:first-child) { padding-right: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info { min-height: 50px; padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info { min-height: 60px; padding-top: 15px; padding-bottom: 15px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info+.sui-field-actions { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions:first-child { margin-left: 20px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions:last-child { margin-right: 20px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top { align-self: flex-start; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top .sui-button, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top .sui-button-icon { margin-top: 5px; margin-bottom: 5px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top { padding-top: 15px; padding-bottom: 15px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can_move, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can-move { cursor: move; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can_open { cursor: pointer; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header { display: block; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-text { display: block; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) { border-top: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) { margin-top: 10px; margin-right: -20px; margin-left: -20px; padding: 10px 20px 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) { margin-top: 15px; margin-right: -30px; margin-left: -30px; padding: 15px 30px 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-radio:not(:last-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-checkbox:not(:last-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-builder-text:not(:last-child) { margin-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-radio:not(:last-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-checkbox:not(:last-child), .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-builder-text:not(:last-child) { margin-right: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline { display: flex; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(.sui-options-inline) .sui-builder-text:not(:last-child) { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions { display: flex; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule { flex: 1; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text:first-child { margin-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text:last-child { margin-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text { flex: 0 1 auto; margin: 0 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select:first-child, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select):first-child { margin-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select:last-child, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select):last-child { margin-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select) { flex: 0 0 auto; margin: 0 5px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule+ { margin-left: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule+* { margin-left: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule { display: flex; align-items: center; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-actions { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header:not(:only-child):not(:last-child) { border-bottom: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header { padding: 10px 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-header { padding: 15px 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field { margin: 0 0 20px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-accordion-item-header>.sui-icon-drag { margin-left: -10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field.ui-sortable-handle { transition: unset; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-builder-field-label:first-child>[class=sui-icon-] { margin-left: -10px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-builder-field-border { transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-hover-show { opacity: 0; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-hover-show:focus { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover .sui-hover-show { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover.sui-react .sui-field-info>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover .sui-accordion-item-header>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active.sui-react .sui-field-info>.sui-icon-drag, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active .sui-accordion-item-header>.sui-icon-drag { color: #888; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-button-dashed+.sui-box-builder-message { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-button-dashed+.sui-box-builder-message { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message { display: block; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:not(:first-child) { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:not(:first-child) { margin-top: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:last-child { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:last-child { margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-box-builder-message { text-align: center; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:not(:first-child) { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:not(:first-child) { margin-top: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:last-child { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:last-child { margin-bottom: -30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block:not(:first-child) { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block:not(:first-child) { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-body { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer .sui-hidden { display: none !important; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field { border: 1px solid #e6e6e6; border-radius: 4px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer:not(.sui-fields-boxed) .sui-builder-field:not(:only-child):not(:last-child) { border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-box-builder-footer:not(:only-child):not(:first-child) { border-top: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed { border-width: 0; border-radius: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field:not(.sui-accordion-item):not(.sui-react) { height: 70px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field.sui-accordion-item .sui-accordion-item-header { height: 70px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field.sui-react .sui-field-info { min-height: 70px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed { margin: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder.sui-flushed { margin: -30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-builder:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-builder:not(:last-child) { margin-bottom: 30px; } } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open { z-index: 1; } .sui-2-12-13 .sui-wrap [class=sui-col-], .sui-2-12-13 .sui-wrap .sui-col { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap [class=sui-col-], .sui-2-12-13 .sui-wrap .sui-col { padding-left: 10px; padding-right: 10px; } } .sui-2-12-13 .sui-wrap .sui-row { display: flex; flex-flow: wrap; margin-right: -15px; margin-bottom: 30px; margin-left: -15px; } .sui-2-12-13 .sui-wrap .sui-row:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-row:last-child { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-row { margin-right: -10px; margin-bottom: 20px; margin-left: -10px; } } .sui-2-12-13 .sui-wrap .sui-reverse { flex-direction: row-reverse; } .sui-2-12-13 .sui-wrap .sui-col { flex: 1; } .sui-2-12-13 .sui-wrap [class=sui-col-] { flex: 0 0 auto; width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-xs-12 { width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-12 { margin-left: 100%; } .sui-2-12-13 .sui-wrap .sui-col-xs-11 { width: 91.6666666667%; max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-11 { margin-left: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-10 { width: 83.3333333333%; max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-10 { margin-left: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-9 { width: 75%; max-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-9 { margin-left: 75%; } .sui-2-12-13 .sui-wrap .sui-col-xs-8 { width: 66.6666666667%; max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-8 { margin-left: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-7 { width: 58.3333333333%; max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-7 { margin-left: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-6 { width: 50%; max-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-6 { margin-left: 50%; } .sui-2-12-13 .sui-wrap .sui-col-xs-5 { width: 41.6666666667%; max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-5 { margin-left: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-4 { width: 33.3333333333%; max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-4 { margin-left: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-3 { width: 25%; max-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-3 { margin-left: 25%; } .sui-2-12-13 .sui-wrap .sui-col-xs-2 { width: 16.6666666667%; max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-2 { margin-left: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-1 { width: 8.3333333333%; max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-1 { margin-left: 8.3333333333%; } @media (min-width: 0px) { .sui-2-12-13 .sui-wrap .sui-col-xs-12 { width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-12 { margin-left: 100%; } .sui-2-12-13 .sui-wrap .sui-col-xs-11 { width: 91.6666666667%; max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-11 { margin-left: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-10 { width: 83.3333333333%; max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-10 { margin-left: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-9 { width: 75%; max-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-9 { margin-left: 75%; } .sui-2-12-13 .sui-wrap .sui-col-xs-8 { width: 66.6666666667%; max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-8 { margin-left: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-7 { width: 58.3333333333%; max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-7 { margin-left: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-6 { width: 50%; max-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-6 { margin-left: 50%; } .sui-2-12-13 .sui-wrap .sui-col-xs-5 { width: 41.6666666667%; max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-5 { margin-left: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-4 { width: 33.3333333333%; max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-4 { margin-left: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-3 { width: 25%; max-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-3 { margin-left: 25%; } .sui-2-12-13 .sui-wrap .sui-col-xs-2 { width: 16.6666666667%; max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-2 { margin-left: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-xs-1 { width: 8.3333333333%; max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-xs-offset-1 { margin-left: 8.3333333333%; } } @media (min-width: 480px) { .sui-2-12-13 .sui-wrap .sui-col-sm-12 { width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-12 { margin-left: 100%; } .sui-2-12-13 .sui-wrap .sui-col-sm-11 { width: 91.6666666667%; max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-11 { margin-left: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-10 { width: 83.3333333333%; max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-10 { margin-left: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-9 { width: 75%; max-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-9 { margin-left: 75%; } .sui-2-12-13 .sui-wrap .sui-col-sm-8 { width: 66.6666666667%; max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-8 { margin-left: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-7 { width: 58.3333333333%; max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-7 { margin-left: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-6 { width: 50%; max-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-6 { margin-left: 50%; } .sui-2-12-13 .sui-wrap .sui-col-sm-5 { width: 41.6666666667%; max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-5 { margin-left: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-4 { width: 33.3333333333%; max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-4 { margin-left: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-3 { width: 25%; max-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-3 { margin-left: 25%; } .sui-2-12-13 .sui-wrap .sui-col-sm-2 { width: 16.6666666667%; max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-2 { margin-left: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-sm-1 { width: 8.3333333333%; max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-sm-offset-1 { margin-left: 8.3333333333%; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-col-md-12 { width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-12 { margin-left: 100%; } .sui-2-12-13 .sui-wrap .sui-col-md-11 { width: 91.6666666667%; max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-11 { margin-left: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-10 { width: 83.3333333333%; max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-10 { margin-left: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-9 { width: 75%; max-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-9 { margin-left: 75%; } .sui-2-12-13 .sui-wrap .sui-col-md-8 { width: 66.6666666667%; max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-8 { margin-left: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-7 { width: 58.3333333333%; max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-7 { margin-left: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-6 { width: 50%; max-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-6 { margin-left: 50%; } .sui-2-12-13 .sui-wrap .sui-col-md-5 { width: 41.6666666667%; max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-5 { margin-left: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-4 { width: 33.3333333333%; max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-4 { margin-left: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-3 { width: 25%; max-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-3 { margin-left: 25%; } .sui-2-12-13 .sui-wrap .sui-col-md-2 { width: 16.6666666667%; max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-2 { margin-left: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-md-1 { width: 8.3333333333%; max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-md-offset-1 { margin-left: 8.3333333333%; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-col-lg-12 { width: 100%; max-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-12 { margin-left: 100%; } .sui-2-12-13 .sui-wrap .sui-col-lg-11 { width: 91.6666666667%; max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-11 { margin-left: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-10 { width: 83.3333333333%; max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-10 { margin-left: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-9 { width: 75%; max-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-9 { margin-left: 75%; } .sui-2-12-13 .sui-wrap .sui-col-lg-8 { width: 66.6666666667%; max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-8 { margin-left: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-7 { width: 58.3333333333%; max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-7 { margin-left: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-6 { width: 50%; max-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-6 { margin-left: 50%; } .sui-2-12-13 .sui-wrap .sui-col-lg-5 { width: 41.6666666667%; max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-5 { margin-left: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-4 { width: 33.3333333333%; max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-4 { margin-left: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-3 { width: 25%; max-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-3 { margin-left: 25%; } .sui-2-12-13 .sui-wrap .sui-col-lg-2 { width: 16.6666666667%; max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-2 { margin-left: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-col-lg-1 { width: 8.3333333333%; max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-col-lg-offset-1 { margin-left: 8.3333333333%; } } @media (max-width: 1200px) { .sui-2-12-13 .sui-wrap [class=sui-col-lg-]:last-child { margin-bottom: 0; } } @media (max-width: 1200px) { .sui-2-12-13 .sui-wrap [class=sui-col-lg-] { margin-bottom: 30px; } } @media (max-width: 783px) { .sui-2-12-13 .sui-wrap [class=sui-col-lg-] { margin-bottom: 20px; } } @media (max-width: 783px) { .sui-2-12-13 .sui-wrap [class=sui-col-md-]:last-child { margin-bottom: 0; } } @media (max-width: 783px) { .sui-2-12-13 .sui-wrap [class=sui-col-md-] { margin-bottom: 20px; } } @media (max-width: 480px) { .sui-2-12-13 .sui-wrap [class=sui-col-sm-]:last-child { margin-bottom: 0; } } @media (max-width: 480px) { .sui-2-12-13 .sui-wrap [class=sui-col-sm-] { margin-bottom: 20px; } } @media (max-width: 0px) { .sui-2-12-13 .sui-wrap [class=sui-col-xs-]:last-child { margin-bottom: 0; } } @media (max-width: 0px) { .sui-2-12-13 .sui-wrap [class=sui-col-xs-] { margin-bottom: 20px; } } .sui-2-12-13 .sui-wrap .sui-notice { margin: 0 0 30px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content { display: flex; align-items: flex-start; margin: 0; padding: 11px 20px; border: 0; border-radius: 4px; background-color: #fff; box-shadow: inset 2px 0 0 0 #aaa,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content p { margin: 0 0 10px; padding: 0; border: 0; color: #333; font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content p:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon { width: 30px; display: block; color: #888; text-align: center; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon~:not(.sui-notice-icon) { padding-left: 26px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message { flex: 1; position: relative; padding: 5px 0 3px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon { position: absolute; top: 8px; left: -7px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-sm { top: 9px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-md { top: 7px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-lg { top: 5px; } .sui-2-12-13 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions { flex: 0 0 auto; margin-right: -9px; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-notice[role=alert], .sui-2-12-13 .sui-wrap .sui-notice[aria-live=assertive] { display: none; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content { box-shadow: inset 2px 0 0 0 #17a8e3,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content .sui-notice-icon, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content .sui-notice-icon { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content { box-shadow: inset 2px 0 0 0 #1abc9c,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content .sui-notice-icon, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content .sui-notice-icon { color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content { box-shadow: inset 2px 0 0 0 #fecf2f,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content .sui-notice-icon, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content .sui-notice-icon { color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content { box-shadow: inset 2px 0 0 0 #ff6d6d,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content .sui-notice-icon, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content .sui-notice-icon { color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: inset 2px 0 0 0 #8d00b1,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content .sui-notice-icon, .sui-2-12-13 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content .sui-notice-icon { color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-notice:last-child { margin: 0; } .sui-2-12-13 .sui-wrap .sui-floating-notices { pointer-events: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; padding: 10px; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice { width: 100%; max-width: 600px; pointer-events: initial; z-index: 1; margin: 0 auto 10px; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #aaa; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #17a8e3; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #1abc9c; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #fecf2f; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #8d00b1; } .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice:last-child { margin-bottom: 0; } @media only screen and (max-width: 640px) { .sui-2-12-13 .sui-wrap .sui-floating-notices .sui-notice { max-width: 100%; } } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content { box-shadow: inset 2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: inset 2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #000; } .sui-2-12-13.rtl .sui-wrap .sui-notice { direction: rtl; } .sui-2-12-13.rtl .sui-wrap .sui-notice .sui-notice-content { flex-direction: row; box-shadow: inset -2px 0 0 0 #aaa,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-notice .sui-notice-content p { padding-right: 26px; padding-left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon { left: auto; right: -7px; } .sui-2-12-13.rtl .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions { margin-right: 10px; margin-left: -9px; } .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-info .sui-notice-content { box-shadow: inset -2px 0 0 0 #17a8e3,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-success .sui-notice-content { box-shadow: inset -2px 0 0 0 #1abc9c,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content { box-shadow: inset -2px 0 0 0 #fecf2f,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-error .sui-notice-content { box-shadow: inset -2px 0 0 0 #ff6d6d,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: inset -2px 0 0 0 #8d00b1,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #aaa; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #17a8e3; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #1abc9c; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #fecf2f; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #ff6d6d; } .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #8d00b1; } .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content { box-shadow: inset -2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p { color: #000; } .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: inset -2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6; } .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #000; } .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content, .sui-2-12-13.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content { box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #000; } .sui-2-12-13.wp-admin .sui-floating-notices { left: 160px; } .sui-2-12-13.wp-admin.folded .sui-floating-notices { left: 36px; } @media only screen and (max-width: 960px) { .sui-2-12-13.wp-admin.auto-fold .sui-floating-notices { left: 36px; } } @media only screen and (max-width: 782px) { .sui-2-12-13.wp-admin.auto-fold .sui-floating-notices { left: 0; } } .sui-2-12-13 .sui-wrap .sui-header { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-bottom: 30px; line-height: 1; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header h1 { flex: 0 0 100%; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header .sui-actions-right { margin-top: 10px; margin-right: auto; margin-left: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header .sui-actions-left { margin-top: 10px; margin-right: 0; margin-left: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header.sui-header-inline h1+* { margin-left: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header.sui-header-inline h1 { flex: 1; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header.sui-header-inline .sui-actions-right, .sui-2-12-13 .sui-wrap .sui-header.sui-header-inline .sui-actions-left { flex: 0 0 auto; margin-top: 0; margin-right: 0; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-header.sui-with-floating-input h1 { padding-right: 260px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header.sui-with-floating-input { margin-bottom: 15px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-header { margin-bottom: 20px; } } .sui-2-12-13 .sui-wrap .sui-header-title { color: #333; margin: 0; text-align: left; font-weight: bold; max-width: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .sui-summary { padding: 10px 20px; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-image-space, .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment { padding: 10px 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-image-space, .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment { padding: 0 15px; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-image-space { display: none; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-image-space { min-width: 222px; min-height: 212px; flex: 0 0 222px; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment { display: block; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment .sui-list { padding-right: 15px; padding-left: 15px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment .sui-summary-details { padding-right: 30px; padding-left: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list, .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details { padding-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list, .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details { padding-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-segment { overflow: hidden; flex: 1; text-overflow: ellipsis; white-space: nowrap; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details { color: #333; font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details span { display: inline-block; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub { display: block; margin-top: 0; margin-bottom: 5px; color: #888; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub { margin-bottom: 24px; white-space: normal; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent { margin-left: -5px; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large { font-size: 50px; line-height: 55px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large+.sui-summary-sub { margin-top: -1px; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail { display: block; font-size: 15px; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img { position: relative; vertical-align: middle; top: -1px; margin-right: 6px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img { float: left; vertical-align: unset; top: 1px; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail+.sui-summary-sub { margin-top: 5px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details [class=sui-icon-] { position: relative; top: -22px; left: 5px; font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details [class=sui-icon-]+.sui-summary-percent { margin-left: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-summary-details { padding-top: 30px; padding-bottom: 30px; text-align: left; } } .sui-2-12-13 .sui-wrap .sui-summary .sui-list li span { white-space: normal; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary .sui-list { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary.sui-summary-sm .sui-summary-image-space { min-width: 222px; min-height: 151px; flex: 0 0 222px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) .sui-summary-image-space { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm):not(.sui-rebranded) { background-image: url(../css/../assets/images/forminator-summary@2x.png); background-size: 192px 182px; background-position: 30px bottom; background-repeat: no-repeat; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm:not(.sui-rebranded) { background-image: url(../css/../assets/images/forminator-summary-sm@2x.png); background-size: 192px 121px; background-position: 30px bottom; background-repeat: no-repeat; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-list, .sui-2-12-13 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details { padding-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space { display: none; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary.sui-rebranded:not(.sui-summary-sm) .sui-summary-image-space { background-size: contain; background-position: center; background-repeat: no-repeat; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary.sui-rebranded.sui-summary-sm .sui-summary-image-space { background-size: contain; background-position: center; background-repeat: no-repeat; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-summary { display: flex; align-items: center; padding: 0 15px; } } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list, .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details { padding-right: 0; padding-left: 15px; } } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list, .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details { padding-right: 15px; padding-left: 0; } } .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-details { text-align: right; } .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent { margin-right: -5px; margin-left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-details [class=sui-icon-] { left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-summary .sui-summary-details [class=sui-icon-]+.sui-summary-percent { margin-right: -20px; margin-left: 0; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) { background-position: right 30px bottom; } } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm { background-position: right 30px bottom; } } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-details { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-details .sui-summary-sub { color: #000; } .sui-2-12-13 .sui-wrap .sui-list { margin: 20px 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-list, .sui-2-12-13 .sui-wrap .sui-list li { list-style: none; } .sui-2-12-13 .sui-wrap .sui-list li { display: flex; margin: 0; padding: 9px 0; border: 0; border-bottom: 1px solid #e6e6e6; color: #888; font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; font-weight: 500; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-] { padding: 0 10px; } .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-]:first-child { padding-left: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-]:first-child { padding-left: 0; } } .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-]:last-child { padding-right: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-]:last-child { padding-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li [class=sui-list-] { padding: 0 15px; } } .sui-2-12-13 .sui-wrap .sui-list li .sui-list-label { flex: 1; color: #333; } .sui-2-12-13 .sui-wrap .sui-list li .sui-list-detail { flex: 0 0 auto; text-align: right; } .sui-2-12-13 .sui-wrap .sui-list li:first-child { padding-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li:first-child { padding-top: 0; } } .sui-2-12-13 .sui-wrap .sui-list li:last-child { padding-bottom: 0; border-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li:last-child { padding-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list li { padding: 19px 0; } } .sui-2-12-13 .sui-wrap .sui-list:first-child { margin-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list:first-child { margin-top: 0; } } .sui-2-12-13 .sui-wrap .sui-list:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list:last-child { margin-bottom: 0; } } .sui-2-12-13 .sui-wrap .sui-list ul, .sui-2-12-13 .sui-wrap .sui-list ol { display: none; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-list { margin: 30px 0; } } .sui-2-12-13.rtl .sui-wrap .sui-list li [class=sui-list-]:first-child { padding-right: 0; padding-left: 10px; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-list li [class=sui-list-]:first-child { padding-right: 0; padding-left: 15px; } } .sui-2-12-13.rtl .sui-wrap .sui-list li [class=sui-list-]:last-child { padding-right: 10px; padding-left: 0; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-list li [class=sui-list-]:last-child { padding-right: 15px; padding-left: 0; } } .sui-2-12-13 .sui-wrap .sui-tooltip { position: relative; } .sui-2-12-13 .sui-wrap .sui-tooltip:before, .sui-2-12-13 .sui-wrap .sui-tooltip:after { content: " "; opacity: 0; backface-visibility: hidden; pointer-events: none; position: absolute; z-index: 9990; transition: .2s; } .sui-2-12-13 .sui-wrap .sui-tooltip:before { left: 50%; bottom: 100%; border: 5px solid rgba(0,0,0,0); border-top-color: #333; transform: translateX(-50%); } .sui-2-12-13 .sui-wrap .sui-tooltip:after { content: attr(data-tooltip); min-width: var(--tooltip-width, 40px); left: 50%; bottom: 100%; margin-bottom: 10px; padding: 8px 12px; border-radius: 4px; background-color: #333; box-sizing: border-box; transform: translateX(-50%); color: #fff; font: 500 12px/18px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-transform: none; text-align: var(--tooltip-text-align, center); } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-tooltip:after { white-space: nowrap; } } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-constrained:after { min-width: var(--tooltip-width, 240px); white-space: normal; } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-left:after { left: 0; transform: translateX(0); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-right:after { right: 0; left: unset; transform: translateX(0); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:before { top: 100%; bottom: unset; border-top-color: rgba(0,0,0,0); border-bottom-color: #333; } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after { top: 100%; bottom: unset; margin-top: 10px; margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after { left: 0; transform: translate(0); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after { left: unset; right: 0; transform: translate(0); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-left:before { top: 50%; right: 100%; bottom: unset; left: unset; border-top-color: rgba(0,0,0,0); border-left-color: #333; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-left:after { top: 50%; right: 100%; bottom: unset; left: unset; margin-right: 10px; margin-bottom: 0; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-right:before { top: 50%; bottom: unset; left: 100%; border-top-color: rgba(0,0,0,0); border-right-color: #333; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-right:after { top: 50%; bottom: unset; left: 100%; margin-left: 10px; margin-bottom: 0; transform: translateY(-50%); } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-mobile:after { min-width: var(--tooltip-width-mobile, 120px); white-space: normal; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:before { top: unset; bottom: 100%; left: 50%; right: unset; border-top-color: #333; border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); border-left-color: rgba(0,0,0,0); transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after { min-width: var(--tooltip-width-mobile, 120px); top: unset; bottom: 100%; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; white-space: normal; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after { right: unset; left: 50%; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after { right: unset; left: 0; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after { right: 0; left: unset; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:before, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:before { top: 100%; bottom: unset; left: 50%; right: unset; border-top-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-bottom-color: #333; border-left-color: rgba(0,0,0,0); transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after, .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after { min-width: var(--tooltip-width-mobile, 120px); top: 100%; bottom: unset; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0; white-space: normal; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after { right: unset; left: 50%; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after { right: unset; left: 0; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after { right: 0; left: unset; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:before { top: 50%; right: 100%; bottom: unset; left: unset; border-top-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); border-left-color: #333; transform: translateY(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:after { min-width: var(--tooltip-width-mobile, 120px); top: 50%; right: 100%; bottom: unset; left: unset; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; transform: translateY(-50%); white-space: normal; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:before { top: 50%; right: unset; bottom: unset; left: 100%; border-top-color: rgba(0,0,0,0); border-right-color: #333; border-bottom-color: rgba(0,0,0,0); border-left-color: rgba(0,0,0,0); transform: translateY(-50%); } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:after { min-width: var(--tooltip-width-mobile, 120px); top: 50%; right: unset; bottom: unset; left: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 10px; transform: translateY(-50%); white-space: normal; } } .sui-2-12-13 .sui-wrap .sui-tooltip:hover:before, .sui-2-12-13 .sui-wrap .sui-tooltip:hover:after, .sui-2-12-13 .sui-wrap .sui-tooltip:focus:before, .sui-2-12-13 .sui-wrap .sui-tooltip:focus:after { opacity: 1; backface-visibility: visible; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables) { width: 100%; cursor: pointer; display: block; appearance: none; margin: 5px 0; padding: 8px 14px; padding-right: 40px; border: 1px solid #ddd; border-radius: 4px; background: url(../css/../assets/images/select-arrow.png) no-repeat right 14px center; background-size: 12px 12px; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.2px; transition: all .3s ease; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables) { background-image: url(../css/../assets/images/select-arrow@2x.png); } } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)::-ms-expand { display: none; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables), .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):hover, .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):focus { background-color: #fafafa; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):focus { background-color: #fff; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):focus { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-sm { padding: 6px 12px; padding-right: 40px; font-size: 13px; line-height: 16px; background-position: right 8px center; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-inline { width: auto; max-width: 100%; display: inline-block; margin-right: 10px; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-inline:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] { padding: 10px 0; background-image: none; background-color: #fff; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option { padding: 8px; background-color: #fff; color: #333; font: 500 15px/35px "Roboto",Arial,sans-serif; letter-spacing: -0.2px; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option:hover { background-color: #fafafa; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option:checked { background-color: #888; color: #fff; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables)[disabled] { pointer-events: none; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap select:not(.sui-select):not(.sui-variables):last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables) { border-color: #000; color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables), .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables):hover, .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables):focus { background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] { background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option { background-color: #fff; color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option:hover { background-color: #888; } .sui-2-12-13 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option:checked { background-color: #000; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag { height: auto; min-height: 26px; cursor: default; display: inline-block; margin: 0 3px; padding: 0 16px; border: 2px solid rgba(0,0,0,0); border-radius: 13px; background-color: #f2f2f2; color: #333; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-truncated { max-width: 100%; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-truncated span { max-width: 100%; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-red, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-error { background-color: #ff6d6d; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-yellow, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-warning { background-color: #fecf2f; color: #333; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-green, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-upsell, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-success, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-upgrade { background-color: #1abc9c; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-blue, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-branded { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-purple { background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-disabled, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-inactive { background-color: #f2f2f2; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-uppercase { text-transform: uppercase; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-pro, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-beta { min-height: 12px; padding: 2px 8px 1px; border: 0; border-radius: 6px; font-size: 8px; line-height: 9px; text-align: center; text-transform: uppercase; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-pro { background-color: #8d00b1; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-beta { background-color: #ff7e41; color: #fff; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-sm { min-height: 18px; padding: 2px 10px; font-size: 10px; line-height: 12px; font-weight: bold; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-red, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-error { border-color: #ffe5e9; background-color: rgba(0,0,0,0); color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-yellow, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-warning { border-color: #fff5d5; background-color: rgba(0,0,0,0); color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-green, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upsell, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-success, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upgrade { border-color: #d1f1ea; background-color: rgba(0,0,0,0); color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-blue, .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-branded { border-color: #e1f6ff; background-color: rgba(0,0,0,0); color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-purple { border-color: #f9e1ff; background-color: rgba(0,0,0,0); color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-tag:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-tag:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-label-inline, .sui-2-12-13 .sui-wrap .sui-label { display: inline-flex; padding: 0; border: 0; color: #aaa; font: 600 12px/16px "Roboto",Arial,sans-serif; } .sui-2-12-13 .sui-wrap .sui-form-control, .sui-2-12-13 .sui-wrap .sui-multi-checkbox { width: 100%; height: 40px; margin: 0; padding: 9px 14px; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; background-image: none; color: #333; font: 500 15px/20px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: .2s ease-in-out; outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-control::placeholder, .sui-2-12-13 .sui-wrap .sui-multi-checkbox::placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap .sui-form-control:hover, .sui-2-12-13 .sui-wrap .sui-multi-checkbox:hover { border-color: #aaa; background-color: #fff; outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-control:focus, .sui-2-12-13 .sui-wrap .sui-multi-checkbox:focus { border-color: #17a8e3; background-color: #fff; outline: none; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-form-control:focus::placeholder, .sui-2-12-13 .sui-wrap .sui-multi-checkbox:focus::placeholder { color: #ddd; } .sui-2-12-13 .sui-wrap [disabled].sui-form-control, .sui-2-12-13 .sui-wrap [disabled].sui-multi-checkbox, .sui-2-12-13 .sui-wrap .sui-disabled.sui-form-control, .sui-2-12-13 .sui-wrap .sui-disabled.sui-multi-checkbox, fieldset[disabled] .sui-2-12-13 .sui-wrap .sui-form-control, fieldset[disabled] .sui-2-12-13 .sui-wrap .sui-multi-checkbox { pointer-events: none; color: #aaa; background: #e6e6e6; border-color: #ddd; } .sui-2-12-13 .sui-wrap .sui-form-control::-ms-expand, .sui-2-12-13 .sui-wrap .sui-multi-checkbox::-ms-expand { border: 0; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap label { cursor: default; } .sui-2-12-13 .sui-wrap label[for] { cursor: pointer; } .sui-2-12-13 .sui-wrap .sui-label { display: flex; align-items: center; margin: 0 0 5px; } .sui-2-12-13 .sui-wrap .sui-label .sui-tag { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-label .sui-tag.sui-left { margin-right: 5px; margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-label:last-child { margin: 0; } .sui-2-12-13 .sui-wrap .sui-label-link { margin-right: 0; margin-left: auto; color: #aaa; font-weight: 400; } .sui-2-12-13 .sui-wrap .sui-label-inline { margin: 0; } .sui-2-12-13 .sui-wrap .sui-label-note { margin-right: 0; margin-left: auto; } .sui-2-12-13 .sui-wrap .sui-form-control, .sui-2-12-13 .sui-wrap .sui-multi-checkbox { display: block; } .sui-2-12-13 .sui-wrap .sui-form-control.sui-input-sm, .sui-2-12-13 .sui-wrap .sui-input-sm.sui-multi-checkbox { max-width: 80px; } .sui-2-12-13 .sui-wrap .sui-form-control.sui-input-md, .sui-2-12-13 .sui-wrap .sui-input-md.sui-multi-checkbox { max-width: 240px; } .sui-2-12-13 .sui-wrap .sui-form-control.sui-field-has-prefix, .sui-2-12-13 .sui-wrap .sui-field-has-prefix.sui-multi-checkbox, .sui-2-12-13 .sui-wrap .sui-form-control.sui-field-has-suffix, .sui-2-12-13 .sui-wrap .sui-field-has-suffix.sui-multi-checkbox { width: auto; display: inline-block; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox { height: auto; max-height: 114px; overflow-y: auto; padding: 1px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label { margin: 1px 0; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label input:checked+span { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label span { display: block; padding: 10px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label:first-child span { border-radius: 3px 3px 0 0; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label:last-child span { border-radius: 0 0 3px 3px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label { display: block; margin-top: 5px; color: #888; font-size: 13px; line-height: 22px; font-weight: 400; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label.sui-toggle-description { margin-left: 48px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label.sui-checkbox-description, .sui-2-12-13 .sui-wrap .sui-multi-checkbox label.sui-radio-description { margin: 0 27px 5px; } .sui-2-12-13 .sui-wrap .sui-multi-checkbox label+.sui-form-field, .sui-2-12-13 .sui-wrap .sui-multi-checkbox label+.sui-form-field-inline { margin-top: 20px; } .sui-2-12-13 .sui-wrap .sui-error-message { display: block; margin-top: 8px; color: #ff6d6d; font-size: 12px; line-height: 16px; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-input-sm { max-width: 80px; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-input-md { max-width: 240px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field>.sui-row [class^=sui-col] { padding-right: 5px; padding-left: 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field>.sui-row:first-child { margin-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field>.sui-row { margin-top: 10px; margin-right: -5px; margin-bottom: 0; margin-left: -5px; } } .sui-2-12-13 .sui-wrap .sui-form-field:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-form-field:last-child { margin-bottom: 0; } } .sui-2-12-13 .sui-wrap .sui-form-field.sui-has_error .sui-form-control, .sui-2-12-13 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox, .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control, .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox { border-color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-has_error .sui-form-control:focus, .sui-2-12-13 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox:focus, .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control:focus, .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox:focus { box-shadow: 0 0 0 2px #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-has_error .sui-control-with-icon [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-control-with-icon [class=sui-icon-]:before { color: #ff6d6d; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-form-field { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-field-suffix, .sui-2-12-13 .sui-wrap .sui-field-prefix { display: inline-block; color: #888; font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-field-prefix { margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-field-suffix { margin-left: 10px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline>.sui-form-field:first-child, .sui-2-12-13 .sui-wrap .sui-form-field-inline>span.sui-select:first-child { margin-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline>.sui-form-field:last-child, .sui-2-12-13 .sui-wrap .sui-form-field-inline>span.sui-select:last-child { margin-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline>.sui-form-field, .sui-2-12-13 .sui-wrap .sui-form-field-inline>span.sui-select { flex: 0 0 auto; margin-top: 0; margin-bottom: 0; margin-right: 10px; margin-left: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline>.sui-form-field { flex: 0 0 auto; margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline>p, .sui-2-12-13 .sui-wrap .sui-form-field-inline>span, .sui-2-12-13 .sui-wrap .sui-form-field-inline>.sui-label { flex: 0 0 auto; margin: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline { display: flex; align-items: center; margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline { margin-bottom: 20px; } } .sui-2-12-13 .sui-wrap .sui-control-with-icon { position: relative; } .sui-2-12-13 .sui-wrap .sui-control-with-icon .sui-form-control, .sui-2-12-13 .sui-wrap .sui-control-with-icon .sui-multi-checkbox { padding-left: 40px; } .sui-2-12-13 .sui-wrap .sui-control-with-icon select.sui-select+.select2-container .select2-selection__rendered { padding-left: 40px; } .sui-2-12-13 .sui-wrap .sui-control-with-icon [class=sui-icon-] { width: 16px; height: 16px; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 11px; left: 14px; } .sui-2-12-13 .sui-wrap .sui-control-with-icon [class=sui-icon-]:before { color: #aaa; display: block; } .sui-2-12-13 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-form-control, .sui-2-12-13 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-multi-checkbox { padding-right: 40px; padding-left: 14px; } .sui-2-12-13 .sui-wrap .sui-control-with-icon.sui-right-icon [class=sui-icon-] { right: 14px; left: auto; color: #888; } .sui-2-12-13 .sui-wrap .sui-with-button { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-with-button .sui-button { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-with-button .sui-form-control, .sui-2-12-13 .sui-wrap .sui-with-button .sui-multi-checkbox { flex: 1; margin: 0 5px; } .sui-2-12-13 .sui-wrap .sui-with-button .sui-form-control:first-child, .sui-2-12-13 .sui-wrap .sui-with-button .sui-multi-checkbox:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-with-button .sui-form-control:last-child, .sui-2-12-13 .sui-wrap .sui-with-button .sui-multi-checkbox:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside { display: block; position: relative; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside .sui-button, .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside .sui-button-icon, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-icon { position: absolute; top: 5px; right: 5px; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside .sui-button-lg, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-lg { top: 0; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside .sui-form-control, .sui-2-12-13 .sui-wrap .sui-with-button.sui-inside .sui-multi-checkbox, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside .sui-form-control, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-inside .sui-multi-checkbox { margin: 0; padding-right: 90px; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon { display: block; position: relative; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-icon { position: absolute; top: 5px; right: 5px; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-lg { top: 0; right: 0; } .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon .sui-form-control, .sui-2-12-13 .sui-wrap .sui-with-button.sui-with-button-icon .sui-multi-checkbox { margin: 0; padding-right: 40px; } .sui-2-12-13 .sui-wrap .sui-input-group { width: 100%; display: flex; align-items: stretch; position: relative; } .sui-2-12-13 .sui-wrap .sui-password-group { position: relative; } .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle { width: 30px; height: 30px; cursor: pointer; position: absolute; top: 50%; right: 7px; padding: 0; border: 0; border-radius: 4px; background: rgba(0,0,0,0); color: #888; font-size: 15px; line-height: 1em; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle:hover, .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle:focus, .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle:active { outline: 0; } .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle:hover { background-color: rgba(0,0,0,.03); } .sui-2-12-13 .sui-wrap .sui-password-group .sui-password-toggle:hover [class=sui-icon-]:before { color: #666; } .sui-2-12-13 .sui-wrap .sui-date { position: relative; } .sui-2-12-13 .sui-wrap .sui-date .sui-form-control:first-child, .sui-2-12-13 .sui-wrap .sui-date .sui-multi-checkbox:first-child { padding-right: 40px; } .sui-2-12-13 .sui-wrap .sui-date .sui-form-control:last-child, .sui-2-12-13 .sui-wrap .sui-date .sui-multi-checkbox:last-child { padding-left: 40px; } .sui-2-12-13 .sui-wrap .sui-date [class=sui-icon-] { width: 30px; height: 30px; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 5px; } .sui-2-12-13 .sui-wrap .sui-date [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-date [class=sui-icon-]:first-child { left: 5px; } .sui-2-12-13 .sui-wrap .sui-date [class=sui-icon-]:last-child { right: 5px; } .sui-2-12-13 .sui-wrap .sui-multi-date { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-multi-date .sui-form-field { flex: 1; } .sui-2-12-13 .sui-wrap .sui-multi-date .sui-form-field+button { flex: 0 0 auto; margin-left: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-multi-date .sui-form-field { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-multi-date .sui-form-field { margin-bottom: 0; } } .sui-2-12-13 .sui-wrap .sui-multi-date:not(:last-child) { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap textarea.sui-form-control, .sui-2-12-13 .sui-wrap textarea.sui-multi-checkbox { max-width: 100%; height: auto; resize: vertical; line-height: 20px; } .sui-2-12-13 .sui-wrap select.sui-form-control, .sui-2-12-13 .sui-wrap select.sui-multi-checkbox { cursor: pointer; appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center right 10px; line-height: 1; } .sui-2-12-13 .sui-wrap .sui-checkbox, .sui-2-12-13 .sui-wrap .sui-radio { user-select: none; align-items: flex-start; pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-checkbox input+span, .sui-2-12-13 .sui-wrap .sui-radio input+span { width: 16px; height: 16px; cursor: pointer; display: block; flex-shrink: 0; position: relative; margin: 3px 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; transition: .3s ease; pointer-events: all; } .sui-2-12-13 .sui-wrap .sui-checkbox input+span:before, .sui-2-12-13 .sui-wrap .sui-radio input+span:before { opacity: 0; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-checkbox input+span+span, .sui-2-12-13 .sui-wrap .sui-radio input+span+span, .sui-2-12-13 .sui-wrap .sui-checkbox input+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-radio input+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input+span+.fui-app--description { cursor: pointer; margin: 0 0 0 10px; color: #666; font-size: 15px; line-height: 22px; font-weight: 500; pointer-events: all; } .sui-2-12-13 .sui-wrap .sui-checkbox input+span+span.sui-description-sm, .sui-2-12-13 .sui-wrap .sui-radio input+span+span.sui-description-sm, .sui-2-12-13 .sui-wrap .sui-checkbox input+span+.sui-description.sui-description-sm, .sui-2-12-13 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.sui-description-sm.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input+span+.sui-description-sm.fui-app--description, .sui-2-12-13 .sui-wrap .sui-radio input+span+.sui-description.sui-description-sm, .sui-2-12-13 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.sui-description-sm.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input+span+.sui-description-sm.fui-app--description { font-size: 13px; } .sui-2-12-13 .sui-wrap .sui-checkbox input+span~.sui-tag, .sui-2-12-13 .sui-wrap .sui-radio input+span~.sui-tag { margin-top: auto; margin-bottom: auto; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-checkbox input:hover+span, .sui-2-12-13 .sui-wrap .sui-radio input:hover+span, .sui-2-12-13 .sui-wrap .sui-checkbox input:focus+span, .sui-2-12-13 .sui-wrap .sui-radio input:focus+span { box-shadow: 0px 0px 0px 4px #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-checkbox input:checked+span, .sui-2-12-13 .sui-wrap .sui-radio input:checked+span { border-color: #17a8e3; background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-radio input:checked+span:before { opacity: 1; } @media (forced-colors: active) { .sui-2-12-13 .sui-wrap .sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-radio input:checked+span:before { forced-color-adjust: none; } } @media (forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white) { .sui-2-12-13 .sui-wrap .sui-checkbox input:checked+span:before, .sui-2-12-13 .sui-wrap .sui-radio input:checked+span:before { background-color: #000; } } .sui-2-12-13 .sui-wrap .sui-checkbox input:checked:hover+span, .sui-2-12-13 .sui-wrap .sui-radio input:checked:hover+span, .sui-2-12-13 .sui-wrap .sui-checkbox input:checked:focus+span, .sui-2-12-13 .sui-wrap .sui-radio input:checked:focus+span { box-shadow: 0px 0px 0px 4px rgba(23,168,227,.2); } .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled+span, .sui-2-12-13 .sui-wrap .sui-radio input:disabled+span, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]+span, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]+span, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled+span, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled+span { cursor: not-allowed; border-color: #f2f2f2; background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled+span+span, .sui-2-12-13 .sui-wrap .sui-radio input:disabled+span+span, .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input:disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input:disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-radio input:disabled+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input:disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input:disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]+span+span, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]+span+span, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input[disabled]+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input[disabled]+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled+span+span, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled+span+span, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input.sui-disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input.sui-disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input.sui-disabled+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input.sui-disabled+span+.fui-app--description { cursor: not-allowed; } .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled:hover+span, .sui-2-12-13 .sui-wrap .sui-radio input:disabled:hover+span, .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled:focus+span, .sui-2-12-13 .sui-wrap .sui-radio input:disabled:focus+span, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]:hover+span, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]:hover+span, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]:focus+span, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]:focus+span, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled:hover+span, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled:hover+span, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled:focus+span, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled:focus+span { box-shadow: unset; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-checkbox:last-child, .sui-2-12-13 .sui-wrap .sui-radio:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox:last-child, .sui-2-12-13 .sui-wrap .sui-radio:last-child { margin-right: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-checkbox, .sui-2-12-13 .sui-wrap .sui-radio { display: flex; margin: 0 0 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox, .sui-2-12-13 .sui-wrap .sui-radio { display: inline-flex; margin: 0 15px 0 0; } } .sui-2-12-13 .sui-wrap .sui-radio input+span { position: relative; border-radius: 50%; } .sui-2-12-13 .sui-wrap .sui-radio input+span:before { content: " "; width: 6px; height: 6px; display: block; position: absolute; top: 4px; left: 4px; border-radius: 16px; background-color: #fff; } .sui-2-12-13 .sui-wrap .sui-radio input:disabled+span:before, .sui-2-12-13 .sui-wrap .sui-radio input[disabled]+span:before, .sui-2-12-13 .sui-wrap .sui-radio input.sui-disabled+span:before { background-color: #aaa; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio.sui-radio-stacked:last-child { margin: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio.sui-radio-stacked { display: flex; margin: 0 0 10px; } } .sui-2-12-13 .sui-wrap .sui-radio.sui-radio-sm input+span+span, .sui-2-12-13 .sui-wrap .sui-radio.sui-radio-sm input+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-radio.sui-radio-sm .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio.sui-radio-sm input+span+.fui-app--description { font-size: 13px; } .sui-2-12-13 .sui-wrap .sui-radio-image { flex-direction: column; align-items: center; } .sui-2-12-13 .sui-wrap .sui-radio-image img { display: block; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-radio-image img+.sui-radio { margin-top: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-radio-image+* { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio-image+* { margin-left: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio-image.sui-radio-stacked+* { margin-top: 30px; margin-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio-image.sui-radio-stacked { display: inline-flex; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-radio-image { display: flex; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-radio-image { display: inline-flex; } } .sui-2-12-13 .sui-wrap .sui-checkbox input+span:before { content: "("; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-checkbox input:disabled+span:before, .sui-2-12-13 .sui-wrap .sui-checkbox input[disabled]+span:before, .sui-2-12-13 .sui-wrap .sui-checkbox input.sui-disabled+span:before { color: #aaa; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child { margin: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-stacked { display: flex; margin: 0 0 10px; } } .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+span, .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+.sui-description, .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-sm .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox.sui-checkbox-sm input+span+.fui-app--description { font-size: 13px; } .sui-2-12-13 .sui-wrap .sui-checkbox-image { flex-direction: column; align-items: center; } .sui-2-12-13 .sui-wrap .sui-checkbox-image img { display: block; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-checkbox-image img+.sui-checkbox { margin-top: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image+* { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image+* { margin-left: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked+* { margin-top: 30px; margin-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked { display: inline-flex; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image { display: flex; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-checkbox-image { display: inline-flex; } } .sui-2-12-13 .sui-wrap .sui-upload { max-width: 100%; display: flex; } .sui-2-12-13 .sui-wrap .sui-upload button { cursor: pointer; display: block; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-upload button, .sui-2-12-13 .sui-wrap .sui-upload button:hover, .sui-2-12-13 .sui-wrap .sui-upload button:focus, .sui-2-12-13 .sui-wrap .sui-upload button:active { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image { width: 40px; height: 40px; flex: 0 0 auto; position: relative; margin: 0; padding: 1px; border: 1px solid #e6e6e6; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image [class=sui-image-] { width: 36px; height: 36px; display: block; border-radius: 3px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-mask { background-color: #ddd; background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF); background-size: 12px 12px; background-position: 0 0,6px 6px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview { cursor: pointer; display: none; position: absolute; top: 1px; left: 1px; background-color: rgba(0,0,0,0); background-size: cover; background-repeat: no-repeat; background-position: center; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before { content: "¢"; opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; color: #fff; font-size: 12px; line-height: 12px; background-color: rgba(0,0,0,.5); transition: .2s ease; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus:before, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active:before { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-button, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file { max-width: calc(100% - 45px); cursor: initial; padding-left: 19px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:before { content: unset; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:hover, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:active { background-color: #fff; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file { max-width: 100%; cursor: pointer; flex: 0 0 auto; display: none; position: relative; padding: 11px 61px 11px 41px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; transition: .3s ease; overflow-wrap: break-word; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:before { content: "Æ"; width: 29px; display: block; position: absolute; left: 14px; font-size: 16px; line-height: 16px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file span { user-select: none; display: block; color: #333; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file span:focus { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button { width: 39px; position: absolute; top: 0; right: 0; bottom: 0; border: 0 solid #ddd; border-left-width: 1px; border-radius: 0 3px 3px 0; background-color: #fff; font-size: 12px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button [class=sui-icon-] { display: block; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button:hover, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button:active { background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file button:focus { background: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:hover, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:active, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-file:focus { background-color: #fafafa; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button { margin: 0; padding: 11px 19px; border: 1px dashed #ddd; border-radius: 4px; background-color: rgba(0,0,0,0); color: #aaa; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button:hover, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button:focus, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button:active, .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button.sui-is-dragover { border-color: #aaa; background-color: #fafafa; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button:focus { box-shadow: 0px 0px 0px 2px #f2f2f2; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button [class=sui-icon-] { width: 24px; margin-left: -4px; color: #888; font-size: 16px; line-height: 16px; vertical-align: bottom; text-align: center; } .sui-2-12-13 .sui-wrap .sui-upload .sui-upload-button [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-upload.sui-has_file .sui-upload-image .sui-image-preview { display: block; } .sui-2-12-13 .sui-wrap .sui-upload.sui-has_file .sui-upload-file { display: block; } .sui-2-12-13 .sui-wrap .sui-upload.sui-has_file .sui-upload-button { display: none; } .sui-2-12-13 .sui-wrap .sui-upload+.sui-notice { margin-top: 10px; } .sui-2-12-13 .sui-wrap .sui-upload+.sui-upload { margin-top: 10px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap { display: block; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value { display: block; position: relative; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button], .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button { display: block; margin: 0; border: 1px solid #ddd; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button], .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:hover, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:focus, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:hover, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:focus { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button], .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button { width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0; padding: 0; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button { background-color: #fafafa; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] { left: 0; background-color: #ddd; background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF); background-size: 12px 12px; background-position: 0 0,6px 6px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] span { width: 26px; height: 26px; display: block; position: absolute; top: 1px; left: 1px; border-radius: 2px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button], .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus { box-shadow: inset 0 0 0 1px #fff; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input { width: 100%; height: 30px; padding: 6px 40px; color: #333; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button { right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button [class=sui-icon-] { font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-button { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-hex .sui-colorpicker-value { flex: 0 1 135px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-rgba .sui-colorpicker-value { flex: 0 1 215px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container { display: none; margin: 5px 0 0; padding: 9px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap { display: block; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap span, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap label, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input { display: block; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input { width: 100% !important; height: 30px; margin: 0; padding: 6px 11px; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; color: #333; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:hover, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:focus { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker { width: auto !important; height: auto !important; position: relative; margin: 10px 0 0; padding: 0 !important; border: 0; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner { display: flex; position: unset; } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner { position: relative; display: block; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container { display: flex; left: 0; bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container { position: relative; margin-top: 10px; justify-content: space-between; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container { width: 160px; } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container { margin-left: 10px; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider, .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette { float: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square { width: auto !important; height: auto !important; margin-right: 0; border-radius: 4px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner { box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz { position: unset; display: block; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz { width: 140px; height: 140px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz { width: 160px; height: 160px; } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz { position: relative; } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square { display: inline-block; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider { width: 20px !important; margin-left: 10px !important; border-radius: 2px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider { height: 140px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider { height: 190px !important; } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider { display: inline-block; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider-offset { top: 10px; bottom: 0; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle { height: 10px; opacity: 1; right: -2px; left: -2px; border-width: 2px; border-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.3); } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle:before { content: unset; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette { width: auto !important; min-width: 20px; max-width: 20px; height: 20px !important; display: block; flex: 0 0 20px; border: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:first-child { margin-left: 0 !important; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:nth-child(n+8) { display: none; margin-left: 0 !important; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette { margin-left: 3.3333333333px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette { margin-left: 3.3333333333px !important; } } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-value { width: 0; height: 0; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle { width: 16px; height: 16px; opacity: 1; top: -8px; left: -8px; border-width: 3px; border-color: #fff; border-radius: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle:after { content: unset; } .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active { display: inline-flex; flex-direction: column; } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .sui-2-12-13 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active { width: 262px; position: relative; display: block; } } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs], .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu { display: flex; margin: 0; padding: 0; border-top: 1px solid #e6e6e6; list-style: none; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item { cursor: pointer; margin: 0 10px; padding: 14px 0 12px; border: 0; background-color: rgba(0,0,0,0); font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-transform: uppercase; text-decoration: none; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited { outline: none; border-bottom: 2px solid rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:visited, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited { color: #888; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active { color: #333; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:first-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:first-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:first-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>:last-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:last-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>:last-child, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active { color: #333; border-bottom-color: #333; } @media (forced-colors: active) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item { forced-color-adjust: none; } } @media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item { color: #fafafa !important; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active { color: #ff7e41 !important; border-bottom: 2px solid #ff7e41 !important; } } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content { display: none; margin-top: -1px; padding: 20px 0 0; border-top: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.active, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content.active { display: block; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content { padding: 30px 0 0; } } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>[data-tabs], .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu { border-top-width: 0; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow { position: relative; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs], .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu { overflow: auto; scrollbar-width: none; scrollbar-height: none; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]::-webkit-scrollbar, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu::-webkit-scrollbar { width: 0; height: 0; background: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu .sui-tab-item { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation { position: absolute; width: 100%; display: flex; justify-content: space-between; height: 50px; align-items: center; top: 1px; pointer-events: none; opacity: 1; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--left, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--right { background: rgba(255,255,255,.8); pointer-events: all; transition: all .2s; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--hidden { visibility: hidden; opacity: 0; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed) { border: 1px solid #e6e6e6; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-tabs], .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-menu { margin-right: 20px; margin-left: 20px; border-top-width: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-tabs], .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-menu { margin-right: 30px; margin-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>.sui-tab-content { padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>.sui-tab-content { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-side-tabs { margin: 0 0 20px; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs], .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item { cursor: pointer; flex: 0 0 auto; margin: 0 1px 0 0; padding: 9px 20px; border: 0; font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-decoration: none; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>>:not(input), .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item>:not(input), .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>>:not(input), .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item>:not(input) { pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:focus, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:hover, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:active, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:visited, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:active, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:visited, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:focus, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:hover, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:visited, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:focus, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:hover, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:visited { outline: none; background-color: #f8f8f8; color: #666; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:first-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:first-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:first-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:first-child { border-radius: 4px 0 0 4px; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>:last-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:last-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>:last-child, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:last-child { margin: 0; border-radius: 0 4px 4px 0; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active { background-color: #e1f6ff; color: #17a8e3; } @media (forced-colors: active) { .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item { forced-color-adjust: none; } } @media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) { .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item { background-color: #888 !important; color: #fafafa !important; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs]>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active { background-color: #333 !important; color: #ff7e41 !important; } } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content { display: none; margin: 10px 0 0; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed { padding: 20px; border: 1px solid #e6e6e6; border-radius: 4px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-boxed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.active, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.active { display: block; } .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>, .sui-2-12-13 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>.sui-tab-content { margin-top: 30px; } .sui-2-12-13 .sui-wrap .sui-side-tabs:last-child { margin: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-side-tabs:last-child { margin: 0; } } .sui-2-12-13 .sui-wrap .sui-side-tabs fieldset.sui-form-field { padding: 0; border: none; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-side-tabs { margin: 0 0 30px; } } .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs], .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu { margin: 0 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs], .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu { margin: 0 30px; } } .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>, .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed { margin: -20px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body>.sui-tabs-flushed { margin: -30px !important; } } .sui-2-12-13 .sui-wrap { position: relative; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav { width: 100%; display: table; table-layout: fixed; clear: both; margin-bottom: 30px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav { vertical-align: top; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin: 15px 0 0; padding: 0; border: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab { position: relative; margin: 0 0 6px; padding: 5px 15px; line-height: 1.5em; list-style: none; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current { background-color: #e6e6e6; border-radius: 20px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current a { color: #333; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag, .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class=sui-icon-] { position: absolute; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag { top: 2px; right: 3px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class=sui-icon-] { top: 6px; right: 7px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class=sui-icon-]:before { font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a { display: block; color: #666; font-weight: 500; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:hover, .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:focus { color: #333; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab { height: auto; padding: 0; background-color: rgba(0,0,0,0); line-height: auto; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a { padding: 5px 15px; border-radius: 20px; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a.current { background-color: #e6e6e6; color: #333; } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin-bottom: 15px; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin-bottom: 30px; } } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input { left: 0 !important; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input { width: 240px; position: absolute; top: 0; left: 230px; margin: 0; } } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field { margin: 0 0 10px; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field select.sui-select+.sui-select { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field:last-child { margin: 0; } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings { margin-bottom: 20px; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings { padding-left: 15px; } } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-md { display: none; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-lg { display: none; } } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav { width: 100%; display: block; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav { width: 220px; display: table-cell; padding-right: 30px; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav-sticky { position: sticky !important; top: 47px; z-index: 11; } } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav>div:not(.sui-sidenav) { display: block; position: relative; vertical-align: top; margin-bottom: 0; } @media (max-width: 1100px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav { display: block; } } .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag, .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class=sui-icon-] { right: auto; margin-left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag { left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class=sui-icon-] { left: 7px; } @media (min-width: 1200px) { .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input { right: 230px; left: auto; } } @media (min-width: 1200px) { .sui-2-12-13.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav { padding-right: 0; padding-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-dropdown { position: relative; display: inline-block; margin: 0 10px; } .sui-2-12-13 .sui-wrap .sui-dropdown ul { min-width: 170px; display: none; position: absolute; z-index: 10; top: 100%; right: -10px; left: auto; margin: 15px 0 0; padding: 15px 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); transition: .3s ease; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-dropdown ul:before, .sui-2-12-13 .sui-wrap .sui-dropdown ul:after { content: " "; width: 0; position: absolute; right: 15px; border-width: 0 8px 10px; border-style: solid; border-top-color: #ddd; } .sui-2-12-13 .sui-wrap .sui-dropdown ul:before { z-index: 10; top: -10px; border-color: #ddd rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-dropdown ul:after { z-index: 11; top: -8px; border-color: #fff rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-dropdown ul, .sui-2-12-13 .sui-wrap .sui-dropdown ul li { list-style: none; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li { display: block; margin: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:active, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:active, .sui-2-12-13 .sui-wrap .sui-dropdown ul li>span, .sui-2-12-13 .sui-wrap .sui-dropdown ul li>span:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li>span:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li>span:active { margin: 0; padding: 0 15px; border: 0; outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button { width: 100%; cursor: pointer; display: block; font: 500 13px/30px "Roboto",Arial,sans-serif; text-align: left; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:visited, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:visited { background-color: rgba(0,0,0,0); color: #888; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button:focus { background-color: rgba(51,51,51,.05); color: #666; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a.sui-option-red, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a.sui-option-red:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a.sui-option-red:visited, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button.sui-option-red, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button.sui-option-red:focus, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button.sui-option-red:visited { background-color: rgba(0,0,0,0); color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li a.sui-option-red:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li a.sui-option-red:active, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button.sui-option-red:hover, .sui-2-12-13 .sui-wrap .sui-dropdown ul li button.sui-option-red:active { background-color: #ffe5e9; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li [class=sui-icon-] { width: 24px; margin-right: 4px; font-size: 12px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li [class=sui-icon-]:before { display: block; color: inherit; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li.active a, .sui-2-12-13 .sui-wrap .sui-dropdown ul li.active button, .sui-2-12-13 .sui-wrap .sui-dropdown ul li.current a, .sui-2-12-13 .sui-wrap .sui-dropdown ul li.current button { background-color: #888; color: #fff; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li.sui-dropdown-label { border-bottom: 1px solid #e6e6e6; line-height: 30px; cursor: default; color: #666; } .sui-2-12-13 .sui-wrap .sui-dropdown ul li form { display: block; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .sui-dropdown:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-dropdown:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-right ul { right: unset; left: -10px; } .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-right ul:before, .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-right ul:after { right: unset; left: 15px; } .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-center ul { right: unset; left: 50%; transform: translateX(-50%); } .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-center ul:before, .sui-2-12-13 .sui-wrap .sui-dropdown.sui-dropdown-center ul:after { right: unset; left: 50%; transform: translateX(-50%); } .sui-2-12-13 .sui-wrap .sui-dropdown.wds-item-loading { font-size: 18px; } .sui-2-12-13 .sui-wrap .sui-dropdown.wds-item-loading .sui-dropdown-anchor { visibility: hidden; } .sui-2-12-13 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor, .sui-2-12-13 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:hover, .sui-2-12-13 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:focus, .sui-2-12-13 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:active, .sui-2-12-13 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:visited { background-color: #e6e6e6; color: #333; } .sui-2-12-13 .sui-wrap .sui-dropdown.open ul { display: block; } @keyframes sui1 { to { stroke-dasharray: 2.638937829 262.8937829016; } } @keyframes sui2 { to { stroke-dasharray: 5.277875658 525.7875658031; } } @keyframes sui3 { to { stroke-dasharray: 7.916813487 788.6813487047; } } @keyframes sui4 { to { stroke-dasharray: 10.5557513161 1051.5751316062; } } @keyframes sui5 { to { stroke-dasharray: 13.1946891451 1314.4689145078; } } @keyframes sui6 { to { stroke-dasharray: 15.8336269741 1577.3626974094; } } @keyframes sui7 { to { stroke-dasharray: 18.4725648031 1840.2564803109; } } @keyframes sui8 { to { stroke-dasharray: 21.1115026321 2103.1502632125; } } @keyframes sui9 { to { stroke-dasharray: 23.7504404611 2366.044046114; } } @keyframes sui10 { to { stroke-dasharray: 26.3893782902 2628.9378290156; } } @keyframes sui11 { to { stroke-dasharray: 29.0283161192 2891.8316119172; } } @keyframes sui12 { to { stroke-dasharray: 31.6672539482 3154.7253948187; } } @keyframes sui13 { to { stroke-dasharray: 34.3061917772 3417.6191777203; } } @keyframes sui14 { to { stroke-dasharray: 36.9451296062 3680.5129606218; } } @keyframes sui15 { to { stroke-dasharray: 39.5840674352 3943.4067435234; } } @keyframes sui16 { to { stroke-dasharray: 42.2230052642 4206.300526425; } } @keyframes sui17 { to { stroke-dasharray: 44.8619430933 4469.1943093265; } } @keyframes sui18 { to { stroke-dasharray: 47.5008809223 4732.0880922281; } } @keyframes sui19 { to { stroke-dasharray: 50.1398187513 4994.9818751296; } } @keyframes sui20 { to { stroke-dasharray: 52.7787565803 5257.8756580312; } } @keyframes sui21 { to { stroke-dasharray: 55.4176944093 5520.7694409328; } } @keyframes sui22 { to { stroke-dasharray: 58.0566322383 5783.6632238343; } } @keyframes sui23 { to { stroke-dasharray: 60.6955700674 6046.5570067359; } } @keyframes sui24 { to { stroke-dasharray: 63.3345078964 6309.4507896374; } } @keyframes sui25 { to { stroke-dasharray: 65.9734457254 6572.344572539; } } @keyframes sui26 { to { stroke-dasharray: 68.6123835544 6835.2383554406; } } @keyframes sui27 { to { stroke-dasharray: 71.2513213834 7098.1321383421; } } @keyframes sui28 { to { stroke-dasharray: 73.8902592124 7361.0259212437; } } @keyframes sui29 { to { stroke-dasharray: 76.5291970415 7623.9197041452; } } @keyframes sui30 { to { stroke-dasharray: 79.1681348705 7886.8134870468; } } @keyframes sui31 { to { stroke-dasharray: 81.8070726995 8149.7072699484; } } @keyframes sui32 { to { stroke-dasharray: 84.4460105285 8412.6010528499; } } @keyframes sui33 { to { stroke-dasharray: 87.0849483575 8675.4948357515; } } @keyframes sui34 { to { stroke-dasharray: 89.7238861865 8938.388618653; } } @keyframes sui35 { to { stroke-dasharray: 92.3628240155 9201.2824015546; } } @keyframes sui36 { to { stroke-dasharray: 95.0017618446 9464.1761844562; } } @keyframes sui37 { to { stroke-dasharray: 97.6406996736 9727.0699673577; } } @keyframes sui38 { to { stroke-dasharray: 100.2796375026 9989.9637502593; } } @keyframes sui39 { to { stroke-dasharray: 102.9185753316 10252.8575331608; } } @keyframes sui40 { to { stroke-dasharray: 105.5575131606 10515.7513160624; } } @keyframes sui41 { to { stroke-dasharray: 108.1964509896 10778.645098964; } } @keyframes sui42 { to { stroke-dasharray: 110.8353888187 11041.5388818655; } } @keyframes sui43 { to { stroke-dasharray: 113.4743266477 11304.4326647671; } } @keyframes sui44 { to { stroke-dasharray: 116.1132644767 11567.3264476686; } } @keyframes sui45 { to { stroke-dasharray: 118.7522023057 11830.2202305702; } } @keyframes sui46 { to { stroke-dasharray: 121.3911401347 12093.1140134718; } } @keyframes sui47 { to { stroke-dasharray: 124.0300779637 12356.0077963733; } } @keyframes sui48 { to { stroke-dasharray: 126.6690157927 12618.9015792749; } } @keyframes sui49 { to { stroke-dasharray: 129.3079536218 12881.7953621764; } } @keyframes sui50 { to { stroke-dasharray: 131.9468914508 13144.689145078; } } @keyframes sui51 { to { stroke-dasharray: 134.5858292798 13407.5829279796; } } @keyframes sui52 { to { stroke-dasharray: 137.2247671088 13670.4767108811; } } @keyframes sui53 { to { stroke-dasharray: 139.8637049378 13933.3704937827; } } @keyframes sui54 { to { stroke-dasharray: 142.5026427668 14196.2642766842; } } @keyframes sui55 { to { stroke-dasharray: 145.1415805959 14459.1580595858; } } @keyframes sui56 { to { stroke-dasharray: 147.7805184249 14722.0518424874; } } @keyframes sui57 { to { stroke-dasharray: 150.4194562539 14984.9456253889; } } @keyframes sui58 { to { stroke-dasharray: 153.0583940829 15247.8394082905; } } @keyframes sui59 { to { stroke-dasharray: 155.6973319119 15510.733191192; } } @keyframes sui60 { to { stroke-dasharray: 158.3362697409 15773.6269740936; } } @keyframes sui61 { to { stroke-dasharray: 160.97520757 16036.5207569952; } } @keyframes sui62 { to { stroke-dasharray: 163.614145399 16299.4145398967; } } @keyframes sui63 { to { stroke-dasharray: 166.253083228 16562.3083227983; } } @keyframes sui64 { to { stroke-dasharray: 168.892021057 16825.2021056998; } } @keyframes sui65 { to { stroke-dasharray: 171.530958886 17088.0958886014; } } @keyframes sui66 { to { stroke-dasharray: 174.169896715 17350.989671503; } } @keyframes sui67 { to { stroke-dasharray: 176.808834544 17613.8834544045; } } @keyframes sui68 { to { stroke-dasharray: 179.4477723731 17876.7772373061; } } @keyframes sui69 { to { stroke-dasharray: 182.0867102021 18139.6710202076; } } @keyframes sui70 { to { stroke-dasharray: 184.7256480311 18402.5648031092; } } @keyframes sui71 { to { stroke-dasharray: 187.3645858601 18665.4585860108; } } @keyframes sui72 { to { stroke-dasharray: 190.0035236891 18928.3523689123; } } @keyframes sui73 { to { stroke-dasharray: 192.6424615181 19191.2461518139; } } @keyframes sui74 { to { stroke-dasharray: 195.2813993472 19454.1399347154; } } @keyframes sui75 { to { stroke-dasharray: 197.9203371762 19717.033717617; } } @keyframes sui76 { to { stroke-dasharray: 200.5592750052 19979.9275005186; } } @keyframes sui77 { to { stroke-dasharray: 203.1982128342 20242.8212834201; } } @keyframes sui78 { to { stroke-dasharray: 205.8371506632 20505.7150663217; } } @keyframes sui79 { to { stroke-dasharray: 208.4760884922 20768.6088492232; } } @keyframes sui80 { to { stroke-dasharray: 211.1150263212 21031.5026321248; } } @keyframes sui81 { to { stroke-dasharray: 213.7539641503 21294.3964150264; } } @keyframes sui82 { to { stroke-dasharray: 216.3929019793 21557.2901979279; } } @keyframes sui83 { to { stroke-dasharray: 219.0318398083 21820.1839808295; } } @keyframes sui84 { to { stroke-dasharray: 221.6707776373 22083.077763731; } } @keyframes sui85 { to { stroke-dasharray: 224.3097154663 22345.9715466326; } } @keyframes sui86 { to { stroke-dasharray: 226.9486532953 22608.8653295342; } } @keyframes sui87 { to { stroke-dasharray: 229.5875911244 22871.7591124357; } } @keyframes sui88 { to { stroke-dasharray: 232.2265289534 23134.6528953373; } } @keyframes sui89 { to { stroke-dasharray: 234.8654667824 23397.5466782388; } } @keyframes sui90 { to { stroke-dasharray: 237.5044046114 23660.4404611404; } } @keyframes sui91 { to { stroke-dasharray: 240.1433424404 23923.334244042; } } @keyframes sui92 { to { stroke-dasharray: 242.7822802694 24186.2280269435; } } @keyframes sui93 { to { stroke-dasharray: 245.4212180985 24449.1218098451; } } @keyframes sui94 { to { stroke-dasharray: 248.0601559275 24712.0155927466; } } @keyframes sui95 { to { stroke-dasharray: 250.6990937565 24974.9093756482; } } @keyframes sui96 { to { stroke-dasharray: 253.3380315855 25237.8031585498; } } @keyframes sui97 { to { stroke-dasharray: 255.9769694145 25500.6969414513; } } @keyframes sui98 { to { stroke-dasharray: 258.6159072435 25763.5907243529; } } @keyframes sui99 { to { stroke-dasharray: 261.2548450725 26026.4845072545; } } @keyframes sui100 { to { stroke-dasharray: 263.8937829016 26289.378290156; } } .sui-2-12-13 .sui-wrap .sui-circle-score { display: flex; align-items: center; height: 30px; width: auto; opacity: 0; transition: all .4s; } .sui-2-12-13 .sui-wrap .sui-circle-score svg { height: 100%; transform: rotate(-90deg); transform-origin: center; } .sui-2-12-13 .sui-wrap .sui-circle-score svg circle { fill: none; stroke-linecap: butt; } .sui-2-12-13 .sui-wrap .sui-circle-score svg circle:first-child { stroke: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-circle-score svg circle:last-child { stroke: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-circle-score.loaded { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-circle-score-label { margin-left: 10px; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-circle-score-sm { height: 30px; } .sui-2-12-13 .sui-wrap .sui-circle-score-lg { height: 120px; } .sui-2-12-13 .sui-wrap .sui-circle-score-lg .sui-circle-score-label { display: none; } .sui-2-12-13 .sui-wrap .sui-grade-success svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-aplus svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-a svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-b svg circle:last-child { stroke: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-grade-warning svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-c svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-d svg circle:last-child { stroke: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-grade-error svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-e svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-f svg circle:last-child { stroke: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-grade-dismissed svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-grade-disabled svg circle:last-child { stroke: #aaa; } .sui-2-12-13 .sui-wrap .sui-grade-default svg circle:last-child { stroke: #666; } .sui-2-12-13 .sui-wrap .sui-footer { margin-top: 40px; color: #aaa; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-footer [class=sui-icon-] { margin: 0 3px; font-size: 11px; } .sui-2-12-13 .sui-wrap .sui-footer [class=sui-icon-]:before { display: block; color: #aaa; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-footer { margin-top: 60px; } } .sui-2-12-13 .sui-wrap .sui-footer-nav, .sui-2-12-13 .sui-wrap .sui-footer-social { display: flex; justify-content: center; margin: 20px 0 0; text-align: center; } .sui-2-12-13 .sui-wrap .sui-footer-nav, .sui-2-12-13 .sui-wrap .sui-footer-nav li, .sui-2-12-13 .sui-wrap .sui-footer-social, .sui-2-12-13 .sui-wrap .sui-footer-social li { padding: 0; border: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-footer-nav li, .sui-2-12-13 .sui-wrap .sui-footer-social li { display: inline-flex; margin: 0; color: #aaa; font: 400 12px/16px "Roboto",Arial,sans-serif; } .sui-2-12-13 .sui-wrap .sui-footer-nav li a, .sui-2-12-13 .sui-wrap .sui-footer-social li a { display: block; color: #aaa; font-weight: 400; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-footer-nav li a [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-footer-social li a [class=sui-icon-] { width: 30px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-footer-nav li a [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-footer-social li a [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-footer-nav li a, .sui-2-12-13 .sui-wrap .sui-footer-nav li a:hover, .sui-2-12-13 .sui-wrap .sui-footer-nav li a:active, .sui-2-12-13 .sui-wrap .sui-footer-social li a, .sui-2-12-13 .sui-wrap .sui-footer-social li a:hover, .sui-2-12-13 .sui-wrap .sui-footer-social li a:active { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-footer-nav li a:hover, .sui-2-12-13 .sui-wrap .sui-footer-nav li a:active, .sui-2-12-13 .sui-wrap .sui-footer-social li a:hover, .sui-2-12-13 .sui-wrap .sui-footer-social li a:active { color: #666; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-footer-nav, .sui-2-12-13 .sui-wrap .sui-footer-social { flex-wrap: wrap; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-footer-nav, .sui-2-12-13 .sui-wrap .sui-footer-social { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-footer-nav li:not(:last-child):after { content: "/"; margin-right: 6px; margin-left: 6px; } .sui-2-12-13 .sui-wrap .sui-footer-social li { margin: 0 5px; } .sui-2-12-13 .sui-wrap .sui-footer-social li:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-footer-social li:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap #sui-cross-sell-footer>div { width: 100%; text-align: center; border-bottom: 1px solid #e6e6e6; line-height: .1em; margin: 10px 0 40px; } .sui-2-12-13 .sui-wrap #sui-cross-sell-footer>div>span { position: relative; color: #888; background-color: #f1f1f1; padding: 0 30px; font-size: 16px; top: 8px; } .sui-2-12-13 .sui-wrap #sui-cross-sell-footer h3 { font-size: 22px; font-weight: bold; line-height: 30px; text-transform: none; } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules { margin-top: 30px; } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-col-md-4 { display: flex; } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-] { min-height: 150px; border-radius: 4px 4px 0 0; background-size: cover; background-position: center; } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-]>span { width: 56px; height: 56px; display: block; border: 3px solid #fff; border-radius: 50%; position: relative; top: 80px; left: 15px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.25); } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-]>span { top: 110px; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-]>span { z-index: 1; top: 45px; left: 50%; transform: translateX(-50%); } } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-] { width: 180px; flex: none; border-radius: 4px 0 0 4px; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules [class=sui-cross-] { height: 80px; min-height: auto; } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-1 { background-image: url(../css/../assets/images/plugins-hummingbird.jpg); } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span { background: url(../css/../assets/images/plugins-hummingbird-icon.png) no-repeat center center; background-size: 50px 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span { background-image: url(../css/../assets/images/plugins-hummingbird-icon@2x.png); } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-2 { background-image: url(../css/../assets/images/plugins-defender.jpg); } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span { background: url(../css/../assets/images/plugins-defender-icon.png) no-repeat center center; background-size: 50px 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span { background-image: url(../css/../assets/images/plugins-defender-icon@2x.png); } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-3 { background-image: url(../css/../assets/images/plugins-smartcrawl.jpg); } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span { background: url(../css/../assets/images/plugins-smartcrawl-icon.png) no-repeat center center; background-size: 50px 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span { background-image: url(../css/../assets/images/plugins-smartcrawl-icon@2x.png); } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box h3 { margin-top: 0; font-size: 18px; line-height: 30px; font-weight: 700; text-transform: none; } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box h3 { margin: 0; min-height: auto; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box h3 { min-height: auto; } } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body { padding: 30px; border-radius: 0 0 4px 4px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p { margin-bottom: 30px; color: #888; font-size: 13px; line-height: 22px; } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p { margin-bottom: 14px; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p { margin-bottom: 20px; } } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body { text-align: left; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body { padding: 26px 20px 20px 20px; } } @media (min-width: 600px)and (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-cross-sell-modules .sui-box { border-radius: 0 4px 4px 0; } } .sui-2-12-13 .sui-wrap .sui-cross-sell-bottom { text-align: center; margin-top: 50px; } .sui-2-12-13 .sui-wrap .sui-cross-sell-bottom h3 { font-size: 22px; font-weight: bold; line-height: 30px; text-transform: none; } .sui-2-12-13 .sui-wrap .sui-cross-sell-bottom p { max-width: 500px; margin: 20px auto 30px; } .sui-2-12-13 .sui-wrap .sui-cross-sell-bottom .sui-button { margin: 0; } .sui-2-12-13 .sui-wrap .sui-cross-sell-bottom img { display: block; height: auto; max-width: 100%; margin: 30px auto 0; } .sui-2-12-13 #wpfooter { display: none; } .sui-2-12-13 .sui-wrap .sui-progress { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-icon { width: 26px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-icon [class=sui-icon-] { display: block; font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-icon [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-text { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-bar { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-text { min-width: 40px; flex: 0 0 auto; color: #888; font: bold 12px/20px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-text span { display: block; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-text+.sui-progress-bar { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-bar { height: 10px; overflow: hidden; flex: 1; border-radius: div(10px, 2); background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-progress .sui-progress-bar span { height: 100%; display: block; background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-progress-block { width: 100%; max-width: 100%; min-height: 60px; display: flex; align-items: center; padding: 14px 14px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .sui-progress-block .sui-progress { flex: 1; } .sui-2-12-13 .sui-wrap .sui-progress-block .sui-progress+.sui-button, .sui-2-12-13 .sui-wrap .sui-progress-block .sui-progress+.sui-button-icon { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-progress-block .sui-button, .sui-2-12-13 .sui-wrap .sui-progress-block .sui-button-icon { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-progress-block .sui-button-icon [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-progress-block a.sui-button-icon [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-progress-block button.sui-button-icon [class=sui-icon-] { font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-progress-block+.sui-progress-state { margin-top: 10px; } .sui-2-12-13 .sui-wrap .sui-progress-state { display: block; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-progress-state span { display: block; } .sui-2-12-13 .sui-wrap .sui-table { width: 100%; table-layout: fixed; margin: 20px 0; border-collapse: unset; border-spacing: unset; border: 1px solid #e6e6e6; border-radius: 4px; color: #666; font-size: 13px; line-height: 22px; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-table thead>tr>th, .sui-2-12-13 .sui-wrap .sui-table thead>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table thead>tr>.sui-accordion-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>.sui-accordion-item-title, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>.sui-accordion-item-title { color: #333; text-align: left; } .sui-2-12-13 .sui-wrap .sui-table thead>tr>th, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td { height: 40px; vertical-align: middle; padding: 5px 9px; border: 0; border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-table thead>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td:first-child { padding-left: 19px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table thead>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td:first-child { padding-left: 29px; } } .sui-2-12-13 .sui-wrap .sui-table thead>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td:last-child { padding-right: 19px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table thead>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td:last-child { padding-right: 29px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table thead>tr>th, .sui-2-12-13 .sui-wrap .sui-table thead>tr>td, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>th, .sui-2-12-13 .sui-wrap .sui-table tbody>tr>td, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>th, .sui-2-12-13 .sui-wrap .sui-table tfoot>tr>td { height: 60px; padding-right: 14px; padding-left: 14px; } } .sui-2-12-13 .sui-wrap .sui-table thead:last-child>tr:last-child>th, .sui-2-12-13 .sui-wrap .sui-table thead:last-child>tr:last-child>td, .sui-2-12-13 .sui-wrap .sui-table tbody:last-child>tr:last-child>th, .sui-2-12-13 .sui-wrap .sui-table tbody:last-child>tr:last-child>td, .sui-2-12-13 .sui-wrap .sui-table tfoot:last-child>tr:last-child>th, .sui-2-12-13 .sui-wrap .sui-table tfoot:last-child>tr:last-child>td { border-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-table thead tr th { font-weight: bold; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-table tbody tr th .sui-toggle, .sui-2-12-13 .sui-wrap .sui-table tbody tr td .sui-toggle { vertical-align: text-top; } .sui-2-12-13 .sui-wrap .sui-table tbody tr th>[class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-table tbody tr td>[class=sui-icon-] { margin-right: 10px; font-size: 10px; } .sui-2-12-13 .sui-wrap .sui-table tbody tr th>[class=sui-icon-].sui-icon-right, .sui-2-12-13 .sui-wrap .sui-table tbody tr td>[class=sui-icon-].sui-icon-right { margin-right: 0; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-table tbody tr th, .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-accordion-item-title { font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class=sui-icon-] { margin-right: 10px; font-size: 16px; vertical-align: middle; } .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class=sui-icon-]:before { display: inline-block; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class=sui-icon-].sui-icon-right, .sui-2-12-13 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class=sui-icon-].sui-icon-right { margin-right: 0; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-error th, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-error .sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-error .sui-accordion-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-warning th, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-warning .sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-warning .sui-accordion-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-success th, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-success .sui-table-item-title, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-success .sui-accordion-item-title { color: #333; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-error td, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-warning td, .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-success td { color: #666; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-default { box-shadow: inset 3px 0 0 #666; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-error { box-shadow: inset 3px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-warning { box-shadow: inset 3px 0 0 #fecf2f; } .sui-2-12-13 .sui-wrap .sui-table tbody tr.sui-success { box-shadow: inset 3px 0 0 #1abc9c; } .sui-2-12-13 .sui-wrap .sui-table:first-child, .sui-2-12-13 .sui-wrap .sui-table.sui-table-with-title { margin-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table:first-child, .sui-2-12-13 .sui-wrap .sui-table.sui-table-with-title { margin-top: 0; } } .sui-2-12-13 .sui-wrap .sui-table:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table:last-child { margin-bottom: 0; } } .sui-2-12-13 .sui-wrap .sui-table.sui-table-flushed { margin: 0; border: 0; border-radius: 0; border-collapse: collapse; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table { margin: 30px 0; } } .sui-2-12-13 .sui-wrap .sui-table-title { margin: 5px 0; color: #333; font: bold 13px/22px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>th, .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>td, .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>th, .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>td, .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>th, .sui-2-12-13 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>td { height: auto; padding-top: 0; } .sui-2-12-13 .sui-wrap .sui-field-list { border: 1px solid #e6e6e6; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-field-list-header { padding: 20px 30px; } .sui-2-12-13 .sui-wrap .sui-field-list-item { display: flex; align-items: center; padding: 15px 30px; border-top: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-field-list-item-label { margin-right: auto; margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-field-list-title { margin: 0; color: #333; font-size: 13px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: 500; text-transform: capitalize; } .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-body, .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-content { font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-body .sui-accordion-body-header, .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-content .sui-accordion-body-header { display: block; font-size: 13px; line-height: 22px; font-weight: 700; margin: 5px 0; } .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-body .sui-box:focus, .sui-2-12-13 .sui-wrap .sui-accordion .sui-accordion-item-content .sui-box:focus { border: 2px solid #17a8e3; border-radius: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer { display: flex; align-items: center; font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; font-weight: 400; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div { display: flex; align-items: center; flex: 1; padding: 0 9px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:first-child { padding-left: 19px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:first-child { padding-left: 29px; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:last-child { padding-right: 19px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:last-child { padding-right: 29px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div { padding-right: 14px; padding-left: 14px; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>[class^=sui-accordion-col-], .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>[class^=sui-accordion-col-], .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>[class^=sui-accordion-col-], .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>[class^=sui-accordion-col-], .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>[class^=sui-accordion-col-], .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>[class^=sui-accordion-col-] { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-1, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-1, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-1, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-1, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-1, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-1 { min-width: 8.3333333333%; flex-basis: 8.3333333333%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-2, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-2, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-2, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-2, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-2, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-2 { min-width: 16.6666666667%; flex-basis: 16.6666666667%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-3, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-3, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-3, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-3, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-3, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-3 { min-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-4, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-4, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-4, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-4, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-4, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-4 { min-width: 33.3333333333%; flex-basis: 33.3333333333%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-5, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-5, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-5, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-5, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-5, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-5 { min-width: 41.6666666667%; flex-basis: 41.6666666667%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-6, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-6, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-6, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-6, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-6, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-6 { min-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-7, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-7, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-7, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-7, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-7, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-7 { min-width: 58.3333333333%; flex-basis: 58.3333333333%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-8, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-8, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-8, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-8, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-8, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-8 { min-width: 66.6666666667%; flex-basis: 66.6666666667%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-9, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-9, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-9, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-9, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-9, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-9 { min-width: 75%; flex-basis: 75%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-10, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-10, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-10, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-10, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-10, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-10 { min-width: 83.3333333333%; flex-basis: 83.3333333333%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-11, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-11, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-11, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-11, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-11, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-11 { min-width: 91.6666666667%; flex-basis: 91.6666666667%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-12, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-12, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-12, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-12, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-12, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-12 { min-width: 100%; flex-basis: 100%; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header { cursor: pointer; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-] { transition: .2s linear; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body { display: none; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-] { transform: rotate(180deg); } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-body, .sui-2-12-13 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-body { display: block; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) { margin: 20px 0; border: 1px solid #e6e6e6; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-footer { min-height: 40px; padding: 5px 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-footer { min-height: 60px; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header { border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div { overflow: hidden; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header:last-child { border-bottom-width: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item { border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header { color: #666; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header>div span { flex: 0 1 auto; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class=sui-icon-] { margin-right: 10px; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class=sui-icon-].sui-icon-right { margin-right: 0; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { color: #333; font-weight: 500; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-toggle { flex: 0 0 auto; align-items: flex-start; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-toggle+span { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title [class=sui-icon-] { font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-accordion-open-indicator [class=sui-icon-] { font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator { align-self: flex-start; margin-right: 0; margin-left: auto; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class=sui-icon-] { margin: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-tag+.sui-accordion-open-indicator { margin-left: 10px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-tag+.sui-accordion-open-indicator { margin-left: 20px; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header:hover, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header:focus { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body { padding: 0 19px 19px; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body .sui-box:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body { padding: 0 29px 29px; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:first-child .sui-accordion-item-header { border-top-left-radius: 3px; border-top-right-radius: 3px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child { border-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child .sui-accordion-item-body { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body { box-shadow: inset 3px 0 #666; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body { box-shadow: inset 3px 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body { box-shadow: inset 3px 0 #fecf2f; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body { box-shadow: inset 3px 0 #1abc9c; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header { cursor: default; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title { color: #aaa; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-open-indicator { pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-toggle { pointer-events: initial; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-circle-score svg circle:last-child { stroke: #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header [class=sui-icon-]:before { color: #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-error .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-warning .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-success .sui-accordion-item-header { box-shadow: inset 3px 0 #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-accordion-item--open>.sui-accordion-item-body { display: none; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin: 0; border-right-width: 0; border-left-width: 0; border-radius: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:first-child { border-top-width: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:last-child { border-bottom-width: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:first-child) .sui-accordion-item:first-child .sui-accordion-item-header { border-top-left-radius: 0; border-top-right-radius: 0; } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:last-child) .sui-accordion-item:last-child .sui-accordion-item-header, .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:last-child) .sui-accordion-item:last-child .sui-accordion-item-body { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin: 0; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):first-child { margin-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):first-child { margin-top: 0; } } .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) { margin-top: 30px; margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item { cursor: pointer; transition: background-color .3s; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td { transition: background-color .3s; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-toggle .sui-toggle-slider, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-toggle .sui-toggle-slider { margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-accordion-open-indicator [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-accordion-open-indicator [class=sui-icon-] { height: 22px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-accordion-open-indicator [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-accordion-open-indicator [class=sui-icon-]:before { line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item .sui-accordion-open-indicator { float: right; margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item .sui-accordion-open-indicator [class=sui-icon-] { display: block; margin-right: 0; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item:hover, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item:focus { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content { box-shadow: inset 3px 0 0 #666; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content { box-shadow: inset 3px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content { box-shadow: inset 3px 0 0 #fecf2f; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content { box-shadow: inset 3px 0 0 #1abc9c; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open th, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open td { border-bottom-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open .sui-accordion-open-indicator [class=sui-icon-] { transform: rotate(180deg); } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open+.sui-accordion-item-content { display: table-row; position: relative; visibility: visible; z-index: 0; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled { pointer-events: none; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td { color: #aaa; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th .sui-toggle, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td .sui-toggle { pointer-events: initial; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th .sui-circle-score svg circle:last-child, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td .sui-circle-score svg circle:last-child { stroke: #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td [class=sui-icon-]:before { color: #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success { box-shadow: inset 3px 0 0 #ddd; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled+.sui-accordion-item-content { display: none; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content { visibility: hidden; position: absolute; z-index: -1; background-color: #f8f8f8; height: 0; overflow: hidden; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content th, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content td { padding: 0 20px 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content th, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content td { padding: 0 30px 30px; } } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item, .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item-content { border-radius: 0 0 4px 4px; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item.sui-accordion-item--open { border-radius: 0; } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-first { border-radius: 4px 4px 0 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item { margin: 0 0 20px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 0 0 #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header { min-height: 60px; padding: 15px 0; color: #888; font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong { margin-right: 10px; color: #333; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { color: #333; font-size: 22px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-tag { display: block; bottom: 17px; left: 9px; position: absolute; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title { overflow: hidden; display: flex; align-items: center; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title span { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title .sui-trim-text { overflow: hidden; display: block; flex: 0 1 auto; align-items: center; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-mobile-visible { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-desktop-visible { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-date { display: none; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon { margin: 0 5px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button .sui-button-icon, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown .sui-button-icon, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon .sui-button-icon { margin: 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-tag { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-tag.sui-tag-right { margin-right: 10px; margin-left: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto:not(:first-child) { margin-top: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto { flex: 0 0 100%; justify-content: flex-end; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header { flex-wrap: wrap; position: relative; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header { min-height: 90px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body { padding: 0 20px 20px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data { display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li { border: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li { font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: .3s ease; text-align: center; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li span { display: block; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li span { margin-right: 20px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong { color: #333; font-weight: 500; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li[data-col=large] { min-width: 200px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li:last-child { margin: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li { min-width: 50%; flex: 0 0 50%; padding: 10px 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li { flex: 0 0 auto; margin: 0; padding: 0 5px; text-align: left; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li> { display: block; margin-right: 0; background-color: #f8f8f8; color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>:first-child { border-radius: 4px 4px 0 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>:last-child { border-radius: 0 0 4px 4px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body { padding: 0 30px 30px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item:last-child { margin: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item:last-child { margin: 0; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item.sui-accordion-item--open .sui-accordion-item-header .sui-accordion-item-date { display: none; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item { margin: 0 0 30px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-header+.sui-accordion-flushed { border-top-width: 0; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-body>.sui-accordion-flushed:not(.sui-accordion-block) { margin-right: -20px; margin-left: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-body>.sui-accordion-flushed:not(.sui-accordion-block) { margin-right: -30px; margin-left: -30px; } } .sui-2-12-13 .sui-wrap .sui-box .sui-box-body .sui-side-tabs .sui-tab-content>.sui-accordion-flushed:not(.sui-accordion-block) { margin-bottom: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .sui-box-body .sui-side-tabs .sui-tab-content>.sui-accordion-flushed:not(.sui-accordion-block) { margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin-right: -20px; margin-left: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin-right: -30px; margin-left: -30px; } } .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin-right: -20px; margin-left: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed, .sui-2-12-13 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed { margin-right: -30px; margin-left: -30px; } } .sui-2-12-13 .sui-wrap .sui-code-snippet-wrapper { position: relative; } .sui-2-12-13 .sui-wrap .sui-code-snippet-wrapper [data-clipboard-target] { position: absolute; right: 15px; top: 15px; margin: 0; min-width: auto; } .sui-2-12-13 .sui-modal { width: calc(100% - 160px); height: calc(100vh - 32px); overflow-x: hidden; overflow-y: auto; user-select: auto; display: none; flex-direction: column; align-items: center; position: fixed; z-index: 13; top: 32px; left: 160px; padding: 30px 0; background-color: rgba(51,51,51,.95); } .sui-2-12-13 .sui-modal, .sui-2-12-13 .sui-modal * { box-sizing: border-box; } .sui-2-12-13 .sui-modal .sui-modal-overlay { height: calc(100vh - 32px); position: fixed; z-index: 12; top: 32px; left: 160px; right: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-modal-overlay { right: 0; } } .sui-2-12-13 .sui-modal .sui-modal-overlay:hover { cursor: pointer; outline: none; box-shadow: none; } .sui-2-12-13 .sui-modal .sui-modal-overlay+.sui-modal-content { z-index: 13; } .sui-2-12-13 .sui-modal .sui-modal-content { width: 100%; min-height: 0; flex: 0 0 auto; position: relative; margin: auto; padding: 0 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-modal-content { padding: 0 20px; } } .sui-2-12-13 .sui-modal .sui-modal-slide { display: none; } .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active { opacity: 0; display: block; animation-duration: .7s; animation-fill-mode: both; transform-origin: center; transform-style: preserve-3d; } .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-loaded { opacity: 1; } .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein { opacity: 1; animation-name: fadeIn; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein { opacity: 1; animation-name: none; } } .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left { opacity: 1; animation-name: fadeInLeft; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left { opacity: 1; animation-name: none; } } .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right { opacity: 1; animation-name: fadeInRight; } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right { opacity: 1; animation-name: none; } } @media screen and (prefers-reduced-motion: reduce) { .sui-2-12-13 .sui-modal .sui-modal-slide.sui-active { animation-duration: .001ms; } } .sui-2-12-13 .sui-modal .sui-modal-slide:disabled a, .sui-2-12-13 .sui-modal .sui-modal-slide:disabled input, .sui-2-12-13 .sui-modal .sui-modal-slide:disabled select, .sui-2-12-13 .sui-modal .sui-modal-slide:disabled button, .sui-2-12-13 .sui-modal .sui-modal-slide:disabled textarea, .sui-2-12-13 .sui-modal .sui-modal-slide[disabled] a, .sui-2-12-13 .sui-modal .sui-modal-slide[disabled] input, .sui-2-12-13 .sui-modal .sui-modal-slide[disabled] select, .sui-2-12-13 .sui-modal .sui-modal-slide[disabled] button, .sui-2-12-13 .sui-modal .sui-modal-slide[disabled] textarea { opacity: .5; pointer-events: none; } .sui-2-12-13 .sui-modal .sui-box { box-shadow: none; } .sui-2-12-13 .sui-modal .sui-box [class=sui-icon-]+.sui-box-title { margin-top: 15px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-title.sui-lg { font-size: 22px; line-height: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-title.sui-no-ellipses { white-space: normal; } .sui-2-12-13 .sui-modal .sui-box .sui-box-title+.sui-description, .sui-2-12-13 .sui-modal .sui-box .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-title+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-box .sui-box-title+.fui-app--description { margin-top: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-title+.sui-description, .sui-2-12-13 .sui-modal .sui-box .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-title+.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-box .sui-box-title+.fui-app--description { margin-top: 10px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-banner { width: 100%; max-width: 100%; height: auto; overflow: hidden; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-banner img { max-width: 100%; display: block; margin: 0 auto; padding: 0; border: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-logo { width: 70px; height: 70px; overflow: hidden; display: block; margin: 0 auto; padding: 0; border: 5px solid #fff; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-modal .sui-box .sui-box-logo img { width: 60px; height: 60px; display: block; margin: 0; padding: 0; border: 0; border-radius: 4px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header { position: relative; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-box-banner { width: auto; max-width: none; margin-top: -15px; margin-right: -30px; margin-bottom: 40px; margin-left: -30px; border-top-left-radius: 4px; border-top-right-radius: 4px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-box-banner { margin-top: -10px; margin-right: -20px; margin-bottom: 30px; margin-left: -20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-box-logo { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); } .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-button-float--right { position: absolute; top: 20px; right: 20px; margin: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-button-float--right { top: 15px; right: 15px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-button-float--left { position: absolute; top: 20px; left: 20px; margin: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-button-float--left { top: 15px; left: 15px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-steps-float { position: absolute; top: 20px; left: 50%; margin: 0; transform: translateX(-50%); } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header .sui-steps-float { top: 15px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-flatten { padding-bottom: 0; border-bottom-width: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 { padding-top: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 .sui-box-banner { margin-top: -0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 { padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 .sui-box-banner { margin-right: -0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--0 { padding-bottom: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 { padding-left: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 .sui-box-banner { margin-left: -0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 { padding-left: 0; padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 .sui-box-banner { margin-left: -0; margin-right: -0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 { padding-top: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 .sui-box-banner { margin-top: -10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 { padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 .sui-box-banner { margin-right: -10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--10 { padding-bottom: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 { padding-left: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 .sui-box-banner { margin-left: -10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 { padding-left: 10px; padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 .sui-box-banner { margin-left: -10px; margin-right: -10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 { padding-top: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 .sui-box-banner { margin-top: -20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 { padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 .sui-box-banner { margin-right: -20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--20 { padding-bottom: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 { padding-left: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 .sui-box-banner { margin-left: -20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 { padding-left: 20px; padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 .sui-box-banner { margin-left: -20px; margin-right: -20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 { padding-top: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 .sui-box-banner { margin-top: -30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 { padding-right: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner { margin-right: -30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner { margin-right: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30 { padding-bottom: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30 { padding-bottom: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 { padding-left: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner { margin-left: -30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner { margin-left: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 { padding-left: 30px; padding-right: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner { margin-left: -30px; margin-right: -30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner { margin-left: -20px; margin-right: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 { padding-top: 40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 .sui-box-banner { margin-top: -40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 { padding-right: 40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner { margin-right: -40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner { margin-right: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40 { padding-bottom: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40 { padding-bottom: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 { padding-left: 40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner { margin-left: -40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner { margin-left: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 { padding-left: 40px; padding-right: 40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner { margin-left: -40px; margin-right: -40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner { margin-left: -20px; margin-right: -20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 { padding-top: 50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 .sui-box-banner { margin-top: -50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 { padding-right: 50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner { margin-right: -50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner { margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50 { padding-bottom: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 { padding-left: 50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner { margin-left: -50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner { margin-left: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 { padding-left: 50px; padding-right: 50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner { margin-left: -50px; margin-right: -50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner { margin-left: -40px; margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 { padding-top: 60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 .sui-box-banner { margin-top: -60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 { padding-right: 60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner { margin-right: -60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner { margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60 { padding-bottom: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 { padding-left: 60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner { margin-left: -60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner { margin-left: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 { padding-left: 60px; padding-right: 60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner { margin-left: -60px; margin-right: -60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner { margin-left: -40px; margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 { padding-top: 70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 .sui-box-banner { margin-top: -70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 { padding-right: 70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner { margin-right: -70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner { margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70 { padding-bottom: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 { padding-left: 70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner { margin-left: -70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner { margin-left: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 { padding-left: 70px; padding-right: 70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner { margin-left: -70px; margin-right: -70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner { margin-left: -40px; margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 { padding-top: 80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 .sui-box-banner { margin-top: -80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 { padding-right: 80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner { margin-right: -80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner { margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80 { padding-bottom: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 { padding-left: 80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner { margin-left: -80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner { margin-left: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 { padding-left: 80px; padding-right: 80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner { margin-left: -80px; margin-right: -80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner { margin-left: -40px; margin-right: -40px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 { padding-top: 90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 .sui-box-banner { margin-top: -90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 { padding-right: 90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner { margin-right: -90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner { margin-right: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90 { padding-bottom: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90 { padding-bottom: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 { padding-left: 90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner { margin-left: -90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner { margin-left: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 { padding-left: 90px; padding-right: 90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner { margin-left: -90px; margin-right: -90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner { margin-left: -50px; margin-right: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 { padding-top: 100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 .sui-box-banner { margin-top: -100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 { padding-right: 100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner { margin-right: -100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner { margin-right: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100 { padding-bottom: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100 { padding-bottom: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 { padding-left: 100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner { margin-left: -100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner { margin-left: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 { padding-left: 100px; padding-right: 100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner { margin-left: -100px; margin-right: -100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner { margin-left: -50px; margin-right: -50px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-content-center { display: block; text-align: center; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header.sui-content-center-inline { justify-content: center; } .sui-2-12-13 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten { padding-top: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten { padding-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten) { margin-top: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten) { margin-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-content-center { text-align: center; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-content-center-inline { text-align: right; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--0 { padding-top: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--0 { padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--0 { padding-bottom: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--0 { padding-left: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--0 { padding-left: 0; padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--10 { padding-top: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--10 { padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--10 { padding-bottom: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--10 { padding-left: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--10 { padding-left: 10px; padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--20 { padding-top: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--20 { padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--20 { padding-bottom: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--20 { padding-left: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--20 { padding-left: 20px; padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30 { padding-top: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30 { padding-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30 { padding-right: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30 { padding-bottom: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30 { padding-bottom: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30 { padding-left: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30 { padding-left: 30px; padding-right: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40 { padding-top: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40 { padding-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40 { padding-right: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40 { padding-bottom: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40 { padding-bottom: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40 { padding-left: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40 { padding-left: 40px; padding-right: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50 { padding-top: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50 { padding-right: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50 { padding-bottom: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50 { padding-left: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50 { padding-left: 50px; padding-right: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60 { padding-top: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60 { padding-right: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60 { padding-bottom: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60 { padding-left: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60 { padding-left: 60px; padding-right: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70 { padding-top: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70 { padding-right: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70 { padding-bottom: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70 { padding-left: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70 { padding-left: 70px; padding-right: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80 { padding-top: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80 { padding-right: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80 { padding-bottom: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80 { padding-bottom: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80 { padding-left: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80 { padding-left: 80px; padding-right: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90 { padding-top: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90 { padding-top: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90 { padding-right: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90 { padding-bottom: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90 { padding-bottom: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90 { padding-left: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90 { padding-left: 90px; padding-right: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100 { padding-top: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100 { padding-top: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100 { padding-right: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100 { padding-bottom: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100 { padding-bottom: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100 { padding-left: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100 { padding-left: 100px; padding-right: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors { margin: 30px 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors:first-child { margin-top: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors:first-child { margin-top: 0; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors:last-child { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-selectors { margin: 20px 0; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-flatten { padding-top: 0; border-top-width: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-content-center { justify-content: center; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-content-right { justify-content: flex-end; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-content-separated { justify-content: space-between; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--0 { padding-top: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--0 { padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--0 { padding-bottom: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--0 { padding-left: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--0 { padding-left: 0; padding-right: 0; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--10 { padding-top: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--10 { padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--10 { padding-bottom: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--10 { padding-left: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--10 { padding-left: 10px; padding-right: 10px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--20 { padding-top: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--20 { padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--20 { padding-bottom: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--20 { padding-left: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--20 { padding-left: 20px; padding-right: 20px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30 { padding-top: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30 { padding-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30 { padding-right: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--30 { padding-bottom: 30px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30 { padding-left: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30 { padding-left: 30px; padding-right: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40 { padding-top: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40 { padding-top: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40 { padding-right: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40 { padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--40 { padding-bottom: 40px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40 { padding-left: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40 { padding-left: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40 { padding-left: 40px; padding-right: 40px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40 { padding-left: 20px; padding-right: 20px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50 { padding-top: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50 { padding-right: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--50 { padding-bottom: 50px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50 { padding-left: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50 { padding-left: 50px; padding-right: 50px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60 { padding-top: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60 { padding-right: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--60 { padding-bottom: 60px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60 { padding-left: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60 { padding-left: 60px; padding-right: 60px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70 { padding-top: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70 { padding-right: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--70 { padding-bottom: 70px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70 { padding-left: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70 { padding-left: 70px; padding-right: 70px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80 { padding-top: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80 { padding-top: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80 { padding-right: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80 { padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--80 { padding-bottom: 80px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80 { padding-left: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80 { padding-left: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80 { padding-left: 80px; padding-right: 80px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80 { padding-left: 40px; padding-right: 40px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90 { padding-top: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90 { padding-top: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90 { padding-right: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--90 { padding-bottom: 90px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90 { padding-left: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90 { padding-left: 90px; padding-right: 90px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100 { padding-top: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100 { padding-top: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100 { padding-right: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100 { padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--100 { padding-bottom: 100px; } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100 { padding-left: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100 { padding-left: 50px; } } .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100 { padding-left: 100px; padding-right: 100px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100 { padding-left: 50px; padding-right: 50px; } } .sui-2-12-13 .sui-modal .sui-modal-skip:not(.sui-button) { width: auto; max-width: 100%; cursor: pointer; display: block; margin: 0 auto; padding: 0; border: 0; background-color: rgba(0,0,0,0); background-image: none; box-shadow: none; color: #aaa; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.18px; text-align: center; } .sui-2-12-13 .sui-modal .sui-modal-skip:not(.sui-button):focus, .sui-2-12-13 .sui-modal .sui-modal-skip:not(.sui-button):hover, .sui-2-12-13 .sui-modal .sui-modal-skip:not(.sui-button):active { color: #fff; } .sui-2-12-13 .sui-modal .sui-box-steps { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -5px; padding: 0; border: 0; } .sui-2-12-13 .sui-modal .sui-box-steps a, .sui-2-12-13 .sui-modal .sui-box-steps span, .sui-2-12-13 .sui-modal .sui-box-steps button { overflow: hidden; display: block; flex: 0 0 auto; margin: 0 5px; padding: 0; border: 0; background-color: #e6e6e6; white-space: nowrap; text-overflow: clip; color: rgba(0,0,0,0); } .sui-2-12-13 .sui-modal .sui-box-steps a.sui-current, .sui-2-12-13 .sui-modal .sui-box-steps span.sui-current, .sui-2-12-13 .sui-modal .sui-box-steps button.sui-current { background-color: #17a8e3; } .sui-2-12-13 .sui-modal .sui-box-steps a:disabled, .sui-2-12-13 .sui-modal .sui-box-steps a[disabled], .sui-2-12-13 .sui-modal .sui-box-steps a.sui-disabled, .sui-2-12-13 .sui-modal .sui-box-steps span:disabled, .sui-2-12-13 .sui-modal .sui-box-steps span[disabled], .sui-2-12-13 .sui-modal .sui-box-steps span.sui-disabled, .sui-2-12-13 .sui-modal .sui-box-steps button:disabled, .sui-2-12-13 .sui-modal .sui-box-steps button[disabled], .sui-2-12-13 .sui-modal .sui-box-steps button.sui-disabled { cursor: not-allowed; pointer-events: none; } .sui-2-12-13 .sui-modal .sui-box-steps a, .sui-2-12-13 .sui-modal .sui-box-steps button, .sui-2-12-13 .sui-modal .sui-box-steps span[role=button] { cursor: pointer; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-lg { padding: 8px 0; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-lg a, .sui-2-12-13 .sui-modal .sui-box-steps.sui-lg span, .sui-2-12-13 .sui-modal .sui-box-steps.sui-lg button { width: 14px; height: 14px; border-radius: 28px; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-md { padding: 10px 0; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-md a, .sui-2-12-13 .sui-modal .sui-box-steps.sui-md span, .sui-2-12-13 .sui-modal .sui-box-steps.sui-md button { width: 10px; height: 10px; border-radius: 20px; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-sm { padding: 11.5px 0; } .sui-2-12-13 .sui-modal .sui-box-steps.sui-sm a, .sui-2-12-13 .sui-modal .sui-box-steps.sui-sm span, .sui-2-12-13 .sui-modal .sui-box-steps.sui-sm button { width: 7px; height: 7px; border-radius: 14px; } .sui-2-12-13 .sui-modal.sui-modal-xl .sui-modal-content { max-width: 1040px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal.sui-modal-xl .sui-modal-content { max-width: 1020px; } } .sui-2-12-13 .sui-modal.sui-modal-lg .sui-modal-content { max-width: 660px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal.sui-modal-lg .sui-modal-content { max-width: 640px; } } .sui-2-12-13 .sui-modal.sui-modal-md .sui-modal-content { max-width: 560px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal.sui-modal-md .sui-modal-content { max-width: 540px; } } .sui-2-12-13 .sui-modal.sui-modal-sm .sui-modal-content { max-width: 460px; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal.sui-modal-sm .sui-modal-content { max-width: 440px; } } .sui-2-12-13 .sui-modal.sui-active { display: flex; } @media (max-width: 782px) { .sui-2-12-13 .sui-modal { width: 100%; left: 0; padding: 20px 0; } } @media (min-width: 783px) { .sui-2-12-13.wp-admin.folded .sui-modal { width: calc(100% - 36px); left: 36px; } } @media only screen and (max-width: 960px) { .sui-2-12-13.wp-admin.auto-fold .sui-modal { width: calc(100% - 36px); left: 36px; } } @media only screen and (max-width: 782px) { .sui-2-12-13.wp-admin.auto-fold .sui-modal { width: 100%; left: 0; } } .sui-2-12-13.rtl .sui-wrap .sui-modal { right: 160px; left: auto; } .sui-2-12-13.rtl .sui-wrap .sui-modal .sui-modal-overlay { right: 160px; left: auto; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.folded .sui-modal .sui-modal-overlay { right: 36px; left: auto; } } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.folded .sui-modal { right: 36px; left: auto; } } @media only screen and (max-width: 960px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.auto-fold .sui-modal .sui-modal-overlay { right: 36px; left: auto; } } @media only screen and (max-width: 782px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.auto-fold .sui-modal .sui-modal-overlay { right: 0; left: auto; } } @media only screen and (max-width: 960px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.auto-fold .sui-modal { right: 36px; left: auto; } } @media only screen and (max-width: 782px) { .sui-2-12-13.rtl .sui-wrap.wp-admin.auto-fold .sui-modal { right: 0; left: auto; } } html.sui-has-modal, html.sui-has-overlay { overflow: hidden; } .sui-2-12-13 .sui-wrap .sui-listing li { color: #888; line-height: 26px; padding: 2px 0 2px 34px; position: relative; } .sui-2-12-13 .sui-wrap .sui-listing li:before { content: "_"; } .sui-2-12-13 .sui-wrap .sui-listing li:before { color: #17a8e3; top: 1px; font-size: 20px; vertical-align: middle; position: absolute; left: 0; width: 20px; height: 20px; opacity: .8; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .sui-2-12-13 .sui-wrap .sui-pagination { overflow: hidden; display: flex; align-items: center; margin: 0; padding: 0; border: 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .sui-pagination, .sui-2-12-13 .sui-wrap .sui-pagination li { list-style: none; } .sui-2-12-13 .sui-wrap .sui-pagination li { display: block; flex: 0 0 40px; margin: 0; padding: 0; border: 0; color: #888; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .sui-wrap .sui-pagination li a { min-width: 40px; display: block; margin: 0; padding: 6px 5px; border: 0; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-pagination li a [class=sui-icon-] { height: 16px; display: block; } .sui-2-12-13 .sui-wrap .sui-pagination li a [class=sui-icon-]:before { display: block; color: inherit; line-height: 16px; } .sui-2-12-13 .sui-wrap .sui-pagination li a, .sui-2-12-13 .sui-wrap .sui-pagination li a:hover, .sui-2-12-13 .sui-wrap .sui-pagination li a:focus, .sui-2-12-13 .sui-wrap .sui-pagination li a:active { outline: none; box-shadow: none; border: 0; text-decoration: none; } .sui-2-12-13 .sui-wrap .sui-pagination li a, .sui-2-12-13 .sui-wrap .sui-pagination li a:visited { color: #888; } .sui-2-12-13 .sui-wrap .sui-pagination li a:hover, .sui-2-12-13 .sui-wrap .sui-pagination li a:focus, .sui-2-12-13 .sui-wrap .sui-pagination li a:active { background-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-pagination li a:disabled, .sui-2-12-13 .sui-wrap .sui-pagination li a[disabled] { pointer-events: none; color: #ddd; } .sui-2-12-13 .sui-wrap .sui-pagination li a:disabled.sui-active, .sui-2-12-13 .sui-wrap .sui-pagination li a[disabled].sui-active { color: #333; } .sui-2-12-13 .sui-wrap .sui-pagination li a.sui-active { background-color: #f8f8f8; color: #333; } @media (max-width: 479px) { .sui-2-12-13 .sui-wrap .sui-pagination li a { min-width: auto; } } .sui-2-12-13 .sui-wrap .sui-pagination li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-pagination li:not(:last-child) { border-right: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 479px) { .sui-2-12-13 .sui-wrap .sui-pagination li { flex: 0 1 100%; } } .sui-2-12-13 .sui-wrap .sui-pagination-results { display: inline-block; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-pagination-filter { display: none; margin: 10px 0; border: 1px solid #e6e6e6; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-pagination-filter .sui-filter-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e6e6e6; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-pagination-filter .sui-filter-footer { margin-right: -19px; margin-bottom: -19px; margin-left: -19px; padding: 20px 19px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-pagination-filter .sui-filter-footer { margin-right: -29px; margin-bottom: -29px; margin-left: -29px; padding: 30px 29px; } } .sui-2-12-13 .sui-wrap .sui-pagination-filter.sui-open { display: block; } .sui-2-12-13 .sui-wrap .sui-pagination-filter:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-pagination-filter:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-pagination-filter { padding: 19px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-pagination-filter { padding: 29px; } } .sui-2-12-13 .sui-wrap .sui-pagination-active-filters { display: flex; flex-wrap: wrap; margin: -5px; } .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter { display: inline-flex; margin: 5px; padding: 5px 10px; border-radius: 4px; background-color: #666; color: #fff; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove { width: 26px; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-top: -5px; margin-right: -10px; margin-bottom: -5px; margin-left: 10px; border-width: 0; border-style: none; border-color: rgba(0,0,0,0); border-radius: 0 4px 4px 0; background-color: #5e5e5e; color: #fff; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before { content: ")"; color: inherit; } .sui-2-12-13 .sui-wrap .sui-pagination-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-top: -1px; margin-bottom: -1px; } .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination { flex: 0 0 auto; margin-top: 1px; margin-bottom: 1px; } .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination+button, .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination+.sui-pagination-results { margin-left: 15px; } @media (max-width: 479px) { .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination { flex: 0 0 100%; } } .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination-results { flex: 0 0 auto; margin-top: 1px; margin-bottom: 1px; } .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination-results+button, .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination-results+.sui-pagination { margin-left: 15px; } @media (max-width: 479px) { .sui-2-12-13 .sui-wrap .sui-pagination-wrap .sui-pagination-results { margin-left: 0; } } .sui-2-12-13 .sui-wrap .sui-pagination-wrap button { flex: 0 0 auto; margin-top: 1px; margin-bottom: 1px; } .sui-2-12-13 .sui-wrap .sui-pagination-filters-list { display: block; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list:first-child { margin-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list:first-child { margin-top: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list:last-child { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list { margin: 20px 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-pagination-filters-list { margin: 30px 0; } } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select { min-width: 100%; max-width: 100%; display: block; text-align: left; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection { display: block; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single { height: auto; cursor: pointer; user-select: none; display: flex; flex-flow: row nowrap; align-items: center; position: relative; margin: 0; padding: 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; transition: all .3s ease; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { min-width: 10px; overflow: hidden; display: block; flex: 1; padding: 8px 5px 8px 14px; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow { width: 38px; height: 38px; display: flex; flex-flow: row wrap; align-items: center; flex: 0 0 auto; position: relative; margin: 0; padding: 0; border: 0; color: #888; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class=sui-icon-] { display: block; margin: 0 auto; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class=sui-icon-]:before { color: inherit; display: block; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple { display: flex; flex-flow: row wrap; align-items: flex-start; margin: 0; padding: 3px 9px; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { min-width: 1px; display: flex; flex: 0 1 auto; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice { max-width: 200px; display: flex; flex-flow: row nowrap; align-items: center; margin: 2px; padding: 0; border: 0; border-radius: 4px; background-color: #666; color: #fff; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { min-width: 1px; overflow: hidden; display: block; flex: 1; padding: 5px 10px; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline { min-width: 100px; flex: 1; margin: 5px; padding: 0; border: 0; display: block; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field { width: 100% !important; height: 22px; resize: none; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: rgba(0,0,0,0); color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:-moz-placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::-moz-placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:-ms-input-placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::-webkit-input-placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select .selection:hover span[role=combobox].select2-selection--single { background-color: #fff; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select:not(.sui-select-theme--search) .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon { width: 26px; height: 26px; cursor: pointer; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #5e5e5e; color: #ddd; text-align: center; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select:not(.sui-select-theme--search) .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon:focus { box-shadow: none; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered { position: relative; padding-left: 46px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class=sui-icon-] { width: 30px; height: 30px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); text-align: center; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class=sui-icon-]:before { display: block; font-size: 16px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { margin-left: -32px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered { position: relative; padding-left: 45px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .sui-color { width: 30px; height: 30px; position: absolute; top: 50%; left: 5px; border-width: 1px; border-style: solid; border-radius: 2px; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { margin-left: -31px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple { position: relative; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before { content: "º"; width: 30px; position: absolute; top: 50%; left: 9px; transform: translateY(-50%); text-align: center; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { padding-left: 40px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice { min-width: 1px; max-width: none; display: flex; flex-flow: row nowrap; flex: 1; margin: 0; padding: 0; background-color: rgba(0,0,0,0); border-radius: 0; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered.has-option-selected { width: 100%; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered.has-option-selected+.select2-search { display: none; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search:hover .selection span[role=combobox] { background: #fff; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus .selection span[role=combobox] { border-color: #17a8e3; background: #fff; box-shadow: 0 0 0 2px #e1f6ff; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus .selection span[role=combobox] .select2-search textarea:focus { outline: none; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus.select2-container--open.sui-select-dropdown-container--above .selection span[role=combobox] { border-top-color: #ddd; border-top-left-radius: 0; border-top-right-radius: 0; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus.select2-container--open.sui-select-dropdown-container--below .selection span[role=combobox] { border-bottom-color: #ddd; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--focus .selection span[role=combobox].select2-selection--single { background-color: #fff; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--open .selection span[role=combobox].select2-selection--single .select2-selection__arrow { transform: rotate(180deg); } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection { cursor: not-allowed; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single { pointer-events: none; border-color: #f2f2f2; background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__rendered { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__arrow { color: #aaa; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple { pointer-events: none; } .sui-2-12-13 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { border-color: #f2f2f2; background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { padding: 6px 6px 6px 12px; font-size: 13px; line-height: 16px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow { width: 28px; height: 28px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered { padding-left: 36px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class=sui-icon-] { left: 5px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class=sui-icon-]:before { font-size: 12px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__placeholder { margin-left: -24px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered { padding-left: 40px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .sui-color { width: 20px; height: 20px; left: 10px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { margin-left: -28px; } .sui-2-12-13 .sui-wrap select.sui-select[data-width]+.sui-select { min-width: auto; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-inline+.sui-select { min-width: 1px; display: inline-block; margin-right: 10px; } .sui-2-12-13 .sui-wrap select.sui-select.sui-select-inline+.sui-select:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single { border-bottom-color: #ff6d6d; box-shadow: 0 1px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { border-bottom-color: #ff6d6d; box-shadow: 0 1px 0 0 #ff6d6d; } .sui-2-12-13.rtl .sui-wrap select.sui-select+.sui-select { direction: rtl; text-align: right; } .sui-2-12-13.rtl .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { padding-right: 14px; padding-left: 5px; } .sui-2-12-13.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered { padding-left: 5px; padding-right: 46px; } .sui-2-12-13.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class=sui-icon-] { left: auto; right: 10px; } .sui-2-12-13.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { margin-left: auto; margin-right: -32px; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single { border-color: #000; background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { border-color: #000; background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input:-moz-placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::-moz-placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input:-ms-input-placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::-webkit-input-placeholder { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon { background-color: #000; color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single { border-color: #888; background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__rendered { color: #888; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__arrow { color: #888; } .sui-2-12-13 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { border-color: #888; background-color: #888; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single { border-bottom-color: #000; box-shadow: 0 1px 0 0 #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered { border-bottom-color: #000; box-shadow: 0 1px 0 0 #000; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open { display: block; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open * { box-sizing: border-box; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown { display: block; margin: 0; padding: 10px 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search { display: block; margin: 4px 0 14px; padding: 0 14px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input { width: 100%; max-width: 100%; display: block; margin: 0; padding: 9px 14px; border: 1px solid #ddd; border-radius: 4px; color: #333; font: 500 15px/20px "Roboto",Arial,sans-serif; letter-spacing: -0.2px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::placeholder { color: #aaa; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:-moz-placeholder { color: #aaa; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::-moz-placeholder { color: #aaa; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:-ms-input-placeholder { color: #aaa; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::-webkit-input-placeholder { color: #aaa; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:hover, .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:focus { border-color: #ddd; outline: none; box-shadow: none; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search.select2-search--hide { display: none !important; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results { display: block; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options { max-height: 200px; overflow-y: auto; display: block; margin: 0; padding: 0; border: 0; list-style: none; padding-inline-start: 0; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option { user-select: none; display: block; margin: 0; padding: 0 14px; border: 0; background-color: rgba(0,0,0,0); color: #888; font: 500 15px/35px "Roboto",Arial,sans-serif; letter-spacing: -0.2px; list-style: none; transition: all .3s ease; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message { position: relative; margin: 0 15px; padding: 15px 20px; padding-left: 46px; border: 0; border-radius: 4px; background-color: #f2f2f2; color: #333; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before { content: "µ"; width: 30px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: #888; font-size: 16px; text-align: center; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group { color: #aaa; font-size: 12px; font-weight: 500; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected) { cursor: pointer; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted { background-color: #f8f8f8; color: #333; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected { background-color: #888; color: #fff; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected.select2-results__option--highlighted { background-color: #888; color: #fff; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm { padding: 15px 0; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options { max-height: 208px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option { font-size: 13px; line-height: 30px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option { position: relative; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class=sui-icon-] { width: 30px; height: 30px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; position: absolute; top: 0; left: 10px; text-align: center; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class=sui-icon-]:before { display: block; flex: 0 0 auto; color: inherit; font-size: 16px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] { padding-left: 46px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option [class=sui-icon-] { height: 28px; left: 5px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option [class=sui-icon-]:before { font-size: 12px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option[role=option] { padding-left: 36px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option { position: relative; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .sui-color { width: 20px; height: 20px; position: absolute; top: 50%; left: 10px; border-width: 1px; border-style: solid; border-radius: 2px; transform: translateY(-50%); text-align: center; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] { padding-left: 40px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown { width: 240px !important; margin-left: -200px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] { display: flex; flex-flow: row nowrap; align-items: center; position: relative; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] .sui-variable-name { min-width: 100px; flex: 1; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] .sui-variable-value { flex: 0 0 auto; color: #aaa; font-size: 12px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option--group[role=group] { padding-left: 0; padding-right: 0; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option--group[role=group] .select2-results__group { cursor: initial; padding-left: 14px; padding-right: 14px; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown { border-color: #17a8e3; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown.sui-select-dropdown--above { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 -2px 0 2px #e1f6ff; } .sui-2-12-13 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown.sui-select-dropdown--below { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 2px 0 2px #e1f6ff; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open { direction: rtl; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input { text-align: right; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option { text-align: right; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class=sui-icon-] { right: 10px; left: auto; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] { padding-left: 14px; padding-right: 46px; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .sui-color { right: 10px; left: auto; } .sui-2-12-13.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] { padding-right: 40px; padding-left: 14px; } .sui-2-12-13 #ui-datepicker-div.sui-calendar { margin: 0; padding: 14px; border-width: 1px; border-style: solid; border-color: #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); } .sui-2-12-13 #ui-datepicker-div.sui-calendar { box-sizing: border-box; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header { display: block; position: relative; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all { width: 30px; height: 30px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; margin: 0; padding: 0; border: 0; border-radius: 4px; background-color: rgba(0,0,0,0); transition: .3s ease; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:before { display: block; color: #888; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all span { display: none; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:hover, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:active { background-color: #f2f2f2; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:hover:before, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:active:before { color: #333; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 0; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before { content: "Ó"; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 0; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before { content: "˜"; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-state-disabled { opacity: .5; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-datepicker-title { display: block; padding: 0 40px; color: #333; font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar { margin: 5px 0 0; border-collapse: collapse; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td { width: 30px; height: 30px; margin: 0; padding: 0; border: 0; text-align: center; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th span, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td span, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th span, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td span { display: block; margin: 0; padding: 0; border: 0; text-decoration: none; line-height: 30px; font-family: "Roboto",Arial,sans-serif; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th { height: calc(14px + 5px); padding-bottom: 5px; color: #333; font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; letter-spacing: -0.25px; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td { color: #888; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td span { border-radius: 4px; font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: 400; letter-spacing: -0.25px; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default { background-color: #fff; color: #888; transition: all .3s ease; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover { background-color: #f8f8f8; color: #333; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active { background-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default { background-color: #fff5d5; color: #666; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active { background-color: #e1f6ff; color: #17a8e3; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled { background-color: #fff; color: #ddd; } .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled a, .sui-2-12-13 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled span { background-color: #fff; color: #ddd; text-decoration: line-through; } .sui-2-12-13.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active { background-color: #333; color: #fff; } .sui-2-12-13.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default { background-color: #ddd; color: #000; } .sui-2-12-13.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active { background-color: #333; color: #fff; } .sui-2-12-13 .daterangepicker { width: auto; max-width: 100%; direction: ltr; display: none; position: absolute; margin: 0; padding: 14px; border-width: 1px; border-style: solid; border-color: #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); text-align: left; } .sui-2-12-13 .daterangepicker * { box-sizing: border-box; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; } .sui-2-12-13 .daterangepicker .ranges { display: none; } .sui-2-12-13 .daterangepicker .drp-calendar { display: block; } @media (min-width: 480px) { .sui-2-12-13 .daterangepicker .drp-calendar.left { float: left; } } @media (min-width: 480px) { .sui-2-12-13 .daterangepicker .drp-calendar.right { float: right; } } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed { margin: 0 auto; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr td, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr th, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td { width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 4px; text-align: center; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th { height: calc(14px + 5px); padding-bottom: 5px; color: #333; font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; letter-spacing: -0.25px; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span { width: 30px; height: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:hover, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:focus, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:hover, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:focus { background-color: #f2f2f2; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:hover:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:focus:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:hover:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:focus:before { color: #333; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before { content: ""; display: block; color: #888; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev:not(.available), .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next:not(.available) { pointer-events: none; display: none; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before { content: "Ó"; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before { content: "˜"; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td { border-radius: 4px; background-color: #fff; color: #888; font-size: 12px; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: 400; letter-spacing: -0.25px; transition: all .3s ease; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td:hover { background-color: #f8f8f8; color: #333; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off) { cursor: pointer; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).today { background-color: #fff5d5; color: #666; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date { color: #fff; background-color: #17a8e3; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.end-date) { color: #17a8e3; background-color: #e1f6ff; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date:not(.end-date) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date:not(.start-date) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date) { border-radius: 0; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date):first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date):last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.off, .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.disabled { pointer-events: none; background-color: #fff; color: #ddd; } .sui-2-12-13 .daterangepicker .drp-calendar .table-condensed tbody tr td.disabled { text-decoration: line-through; } @media (min-width: 480px) { .sui-2-12-13 .daterangepicker .drp-calendar+.drp-calendar { margin-left: 10px; padding-left: 10px; border-left: 1px solid #e6e6e6; } } @media (max-width: 479px) { .sui-2-12-13 .daterangepicker .drp-calendar { margin-top: 15px; } } .sui-2-12-13 .daterangepicker.show-ranges { padding-top: 20px; } .sui-2-12-13 .daterangepicker.show-ranges .ranges { display: block; flex: 0 0 auto; margin: 0 auto; max-width: calc((30px * 14) + 20px); } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul, .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li { list-style: none; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li { cursor: pointer; display: block; margin: 3px 5px; padding: 3px 10px; border: 0; border-radius: 10px; background-color: #f2f2f2; color: #333; font: bold 10px/12px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li:hover, .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li:focus { background-color: #e1f6ff; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li.active { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li:first-child { margin-left: 0; } .sui-2-12-13 .daterangepicker.show-ranges .ranges ul li:last-child { margin-right: 0; } @media (max-width: 479px) { .sui-2-12-13 .daterangepicker.show-ranges .ranges { max-width: calc(30px * 7); } } .sui-2-12-13 .daterangepicker.auto-apply .drp-buttons { display: none; visibility: hidden; pointer-events: none; } .sui-2-12-13.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).today { background-color: #ddd; color: #000; } .sui-2-12-13.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date, .sui-2-12-13.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date { background-color: #333; color: #fff; } .sui-2-12-13.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.end-date) { color: #000; background-color: #f8f8f8; } .sui-2-12-13.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li:hover, .sui-2-12-13.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li:focus { background-color: #ddd; } .sui-2-12-13.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li.active { background-color: #333; color: #fff; } .sui-2-12-13 .sui-wrap .sui-hidden { display: none; } .sui-2-12-13 .sui-wrap .sui-hidden-important { display: none !important; } .sui-2-12-13 .sui-wrap .sui-block-content-center { text-align: center; } .sui-2-12-13 .sui-wrap .sui-image { display: block; height: auto; max-width: 100%; } .sui-2-12-13 .sui-wrap .sui-image-center { margin-right: auto; margin-left: auto; } .sui-2-12-13 .sui-wrap .sui-actions-left { display: flex; align-items: center; margin-left: 10px; margin-right: auto; } .sui-2-12-13 .sui-wrap .sui-actions-right { display: flex; align-items: center; margin-left: auto; margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-space-between { justify-content: space-between; } .sui-2-12-13 .sui-wrap .sui-align-start { justify-content: flex-start; } .sui-2-12-13 .sui-wrap .sui-align-end { justify-content: flex-end; } .sui-2-12-13 .sui-wrap .sui-success { color: #1abc9c; } .sui-2-12-13 .sui-wrap .sui-warning { color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-error { color: #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-info { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-no-margin { margin: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-margin-top { margin-top: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-margin-bottom { margin-bottom: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-margin-left { margin-left: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-margin-right { margin-right: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-padding { padding: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-padding-top { padding-top: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-padding-bottom { padding-bottom: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-padding-left { padding-left: 0 !important; } .sui-2-12-13 .sui-wrap .sui-no-padding-right { padding-right: 0 !important; } .sui-2-12-13 .sui-wrap .sui-margin { margin: 30px !important; } .sui-2-12-13 .sui-wrap .sui-margin-top { margin-top: 30px !important; } .sui-2-12-13 .sui-wrap .sui-margin-bottom { margin-bottom: 30px !important; } .sui-2-12-13 .sui-wrap .sui-margin-left { margin-left: 30px !important; } .sui-2-12-13 .sui-wrap .sui-margin-right { margin-right: 30px !important; } .sui-2-12-13 .sui-wrap .sui-padding { padding: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding { padding: 30px; } } .sui-2-12-13 .sui-wrap .sui-padding--hidden { padding: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding--hidden { padding: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding__desktop { padding: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding__desktop--hidden { padding: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding__mobile { padding: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding__mobile--hidden { padding: 0; } } .sui-2-12-13 .sui-wrap .sui-padding-top { padding-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-top { padding-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-padding-top--hidden { padding-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-top--hidden { padding-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-top__desktop { padding-top: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-top__desktop--hidden { padding-top: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-top__mobile { padding-top: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-top__mobile--hidden { padding-top: 0; } } .sui-2-12-13 .sui-wrap .sui-padding-right { padding-right: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-right { padding-right: 30px; } } .sui-2-12-13 .sui-wrap .sui-padding-right--hidden { padding-right: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-right--hidden { padding-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-right__desktop { padding-right: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-right__desktop--hidden { padding-right: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-right__mobile { padding-right: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-right__mobile--hidden { padding-right: 0; } } .sui-2-12-13 .sui-wrap .sui-padding-bottom { padding-bottom: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom { padding-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-padding-bottom--hidden { padding-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom--hidden { padding-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom__desktop { padding-bottom: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom__desktop--hidden { padding-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom__mobile { padding-bottom: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-bottom__mobile--hidden { padding-bottom: 0; } } .sui-2-12-13 .sui-wrap .sui-padding-left { padding-left: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-left { padding-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-padding-left--hidden { padding-left: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-left--hidden { padding-left: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-left__desktop { padding-left: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-padding-left__desktop--hidden { padding-left: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-left__mobile { padding-left: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-padding-left__mobile--hidden { padding-left: 0; } } @media (max-width: 479px) { .sui-hidden-xs { display: none !important; } } @media (min-width: 480px)and (max-width: 782px) { .sui-hidden-sm { display: none !important; } } @media (min-width: 783px)and (max-width: 1199px) { .sui-hidden-md { display: none !important; } } @media (min-width: 1200px) { .sui-hidden-lg { display: none !important; } } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-error { color: #333; } .sui-2-12-13 #wpbody-content>.notice { margin: 10px 30px 15px 10px; } @media (max-width: 782px) { .sui-2-12-13 #wpbody-content>.notice { margin: 20px 10px 0 0px; } } .sui-2-12-13 .sui-wrap .sui-ace-selectors { display: flex; flex-wrap: wrap; margin-bottom: 10px; margin-left: -5px; } .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector { height: 26px; display: inline-flex; flex: 0 0 auto; margin: 0 0 5px 5px; padding: 5px 12px; border-radius: 4px; background-color: #666; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: .3s ease; } .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector, .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:hover, .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:focus, .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:active, .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:visited { border: 0; outline: none; box-shadow: none; color: #fff; } .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:hover, .sui-2-12-13 .sui-wrap .sui-ace-selectors .sui-selector:active { background-color: #333; } .sui-2-12-13 .sui-wrap .sui-ace-selectors:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-ace-selectors:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-ace-selectors { margin-bottom: 15px; } } .sui-2-12-13 .sui-wrap [id^=sui-ace-editor] { width: 100%; height: 225px; position: relative; margin: 20px 0; } .sui-2-12-13 .sui-wrap [id^=sui-ace-editor]:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap [id^=sui-ace-editor]:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-recipient { display: flex; border: 1px solid #e6e6e6; border-radius: 4px; padding: 10px 15px; justify-content: space-between; margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name { color: #333; font-size: 13px; font-weight: 500; letter-spacing: -0.25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name:before { content: "µ"; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-name:before { font-size: 16px; margin-right: 6px; line-height: 30px; vertical-align: bottom; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-recipient-email { color: #888; font-size: 13px; letter-spacing: -0.25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-button-icon:not(.sui-button) { padding: 0; } .sui-2-12-13 .sui-wrap .sui-recipient .sui-button-icon:not(.sui-button) [class=sui-icon-] { color: #aaa; font-size: 12px; } .sui-2-12-13 .sui-wrap .sui-recipients { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .sui-button.sui-add-recipient { margin: 0 0 30px 0; } .sui-2-12-13 .sui-wrap .sui-chartjs { position: relative; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5px 20px; background-color: rgba(255,255,255,.7); text-align: center; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message p { color: #888; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message p [class=sui-icon-] { vertical-align: text-bottom; margin-right: 8px; font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message p [class=sui-icon-]:before { display: block; color: #888; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message.sui-chartjs-message--empty, .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-message.sui-chartjs-message--loading { background-image: url(../css/../assets/images/forminator-charts@2x.png); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-canvas { height: 120px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-chartjs .sui-chartjs-canvas { height: 170px; } } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-message { opacity: 0; visibility: hidden; transition: .25s ease; } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-message.sui-chartjs-message--loading { opacity: 1; visibility: visible; } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-canvas { visibility: hidden; transition: .2s ease; } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-message { opacity: 1; visibility: visible; } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-message.sui-chartjs-message--loading { opacity: 0; visibility: hidden; } .sui-2-12-13 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-canvas { visibility: visible; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs { margin-right: -20px; margin-left: -20px; padding-top: 20px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:not(:first-child) { padding-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:not(:first-child) { padding-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:last-child { overflow: hidden; margin-bottom: -20px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:last-child { margin-bottom: -30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs { margin-right: -30px; margin-left: -30px; } } .sui-2-12-13 .sui-status-dot { width: 30px; height: 30px; cursor: help; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; transition: all .3s ease; } .sui-2-12-13 .sui-status-dot span { width: 10px; height: 10px; display: block; border-radius: 20px; } .sui-2-12-13 .sui-status-dot span, .sui-2-12-13 .sui-status-dot.sui-draft span { background-color: #e6e6e6; } .sui-2-12-13 .sui-status-dot.sui-published:hover { background-color: #f2f2f2; } .sui-2-12-13 .sui-status-dot.sui-published span { background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-upgrade-page { background: #fafafa; margin: -30px -30px 60px; } @media (max-width: 783px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page { margin: -21px -10px 0; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page:not(:first-child) { margin-top: 30px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page__container { max-width: 1140px; margin: auto; display: flex; } @media (max-width: 800px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page__container { flex-wrap: wrap; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header { background: #fff; margin-bottom: 60px; } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-header { margin-bottom: 40px; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content { padding: 60px 60px 60px 0; width: 50%; } @media (max-width: 1440px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content { padding: 60px 30px 50px 60px; } } @media (max-width: 800px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content { order: 1; width: 100%; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content { padding: 40px 20px; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content h1 { font-size: 28px; font-family: "Roboto",Arial,sans-serif; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__content p:first-of-type { margin-top: 10px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header__image { background-image: url(../css/../assets/images/upgrade-hero.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 50%; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-header .sui-reviews { margin-top: 60px; } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-header .sui-reviews { margin-top: 40px; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__header { text-align: center; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__header h2 { font-family: "Roboto",Arial,sans-serif; font-size: 28px; color: #333; line-height: 40px; margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__header p { margin-top: 5px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__items { display: flex; flex-wrap: wrap; padding: 30px; } @media (min-width: 1440px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__items { margin: 0 -60px; } } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__items { padding: 0; margin: 40px 0; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item { flex: 0 0 50%; max-width: 50%; padding: 30px; } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item { flex: 0 0 100%; max-width: 100%; padding: 20px; text-align: center; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item [class=sui-icon-] { height: 44px; width: 44px; text-align: center; background: #f9e1ff; border-radius: 50%; font-size: 20px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item [class=sui-icon-]:before { color: #8d00b1; line-height: 44px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item h3 { font-family: "Roboto",Arial,sans-serif; margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-features__item p:first-of-type { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta { background: #fff; padding: 60px; margin-bottom: 60px; } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta { padding: 40px 20px; margin-bottom: 40px; } } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner { max-width: 600px; margin: auto; text-align: center; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner h2 { font-family: "Roboto",Arial,sans-serif; font-size: 28px; color: #333; line-height: 40px; margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner a { display: block; font-size: 13px; color: #888; line-height: 22px; margin-top: 15px; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner a:focus, .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner a:hover { color: #666; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop { display: none; } @media (max-width: 600px) { .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop { display: inline-block; } .sui-2-12-13 .sui-wrap .sui-upgrade-page-cta__inner .sui-button:not(.sui-hidden-desktop) { display: none; } } .sui-2-12-13 .sui-wrap .sui-reviews { margin-left: 25px; } .sui-2-12-13 .sui-wrap .sui-reviews__stars { position: relative; margin-right: 5px; } .sui-2-12-13 .sui-wrap .sui-reviews__stars:before { content: "'"; } .sui-2-12-13 .sui-wrap .sui-reviews__stars:before { position: absolute; top: -12px; left: -25px; color: #aaa; } .sui-2-12-13 .sui-wrap .sui-reviews__stars [class=sui-icon-]:before { color: #fecf2f; } .sui-2-12-13 .sui-wrap .sui-reviews__rating { color: #888; font-size: 13px; line-height: 22px; vertical-align: text-bottom; display: inline-block; } .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link { display: block; color: #888; font-size: 13px; line-height: 22px; font-weight: normal; font-style: italic; } .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link:focus, .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link:hover { color: #666; } .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link:focus [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link:hover [class=sui-icon-]:before { color: #666; } .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link [class=sui-icon-] { margin-left: 5px; font-size: 12px; line-height: 22px; vertical-align: middle; } .sui-2-12-13 .sui-wrap .sui-reviews a.sui-reviews__link [class=sui-icon-]:before { color: #888; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 { width: 100% !important; display: block; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .selection { display: block; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .selection:focus, .sui-2-12-13 .sui-wrap select.sui-search+.select2 .selection :focus { outline: none; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple { display: block; position: relative; padding: 8px 0 8px 40px; border-radius: 4px; border: 1px solid #ddd; background-color: #fafafa; transition: .3s ease; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before { content: "º"; width: 30px; position: absolute; top: 11px; left: 9px; font-size: 16px; text-align: center; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:hover { background-color: #fff; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered { display: block; margin: 0; padding: 0; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-search, .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice { width: 100%; display: block; float: none; margin: 0; padding: 0; border: 0; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-search { padding-right: 14px; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice { overflow: hidden; position: relative; padding-right: 40px; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove { width: 30px; float: none; display: block; position: absolute; top: 2px; right: 0; margin: 0; padding: 0; color: #666; font-size: 18px; line-height: 1em; text-align: center; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice+li.select2-search { display: none; user-select: none; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered input.select2-search__field { display: block; margin: 0; padding: 0; border: 0; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered input.select2-search__field::placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error select.sui-search+.select2 .select2-selection--multiple { border-bottom-color: #ff6d6d; box-shadow: 0 1px 0 0 #ff6d6d; } .sui-2-12-13 .select2-container .sui-search-dropdown { display: block; padding: 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,.07); } .sui-2-12-13 .select2-container .sui-search-dropdown .select2-results { display: block; padding: 15px 0; } .sui-2-12-13 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option { padding: 0 15px; color: #888; font: 500 13px/30px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: all .3s ease; } .sui-2-12-13 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option[role=treeitem].select2-results__option--highlighted { background-color: #888; color: #fff; } .sui-2-12-13 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option.select2-results__message { font-size: 12px; line-height: 16px; } .sui-2-12-13 .select2-container .sui-search-dropdown.sui-color-accessible { border-color: #000; box-shadow: none; } .sui-2-12-13 .select2-container .sui-search-dropdown.sui-color-accessible ul.select2-results__options li.select2-results__option { color: #000; } .sui-2-12-13 .select2-container .sui-search-dropdown.sui-color-accessible ul.select2-results__options li.select2-results__option[role=treeitem].select2-results__option--highlighted { background-color: #000; } .sui-2-12-13 .sui-wrap .sui-insert-variables { position: relative; } .sui-2-12-13 .sui-wrap .sui-insert-variables .sui-form-control, .sui-2-12-13 .sui-wrap .sui-insert-variables .sui-multi-checkbox { padding-right: 53px; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select { width: 40px !important; display: block; position: absolute; top: 0; right: 0; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection { display: block; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] { height: 40px; cursor: pointer; user-select: none; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; border: 1px solid rgba(0,0,0,0); border-left-color: #ddd; border-radius: 0 4px 4px 0; background-color: rgba(0,0,0,0); text-align: center; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered { width: 40px; min-width: 1px; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered [class=sui-icon-] { display: block; user-select: none; pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__arrow { display: none; } .sui-2-12-13 .sui-wrap .sui-upsell-list { margin: 0; padding: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-upsell-list li { position: relative; margin: 0 0 22px; padding: 0 0 0 26px; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-upsell-list li [class=sui-icon-] { display: block; position: absolute; top: 3px; left: 0; color: #8d00b1; } .sui-2-12-13 .sui-wrap .sui-upsell-list li [class=sui-icon-]:before { color: inherit; display: block; } .sui-2-12-13 .sui-wrap .sui-upsell-list li:last-child { margin: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-upsell-notice { display: flex; } } .sui-2-12-13 .sui-wrap .sui-upsell-notice__image { margin-right: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-upsell-notice__image { display: none; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-upsell-notice__image { flex: 0 0 auto; align-self: flex-end; margin-right: 30px; } } .sui-2-12-13 .sui-wrap .sui-upsell-notice__image img { display: block; margin: 0 auto; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-upsell-notice__content { flex: 1; align-self: flex-start; margin-bottom: 20px; } } .sui-2-12-13.rtl .sui-wrap .sui-upsell-list li { padding-right: 26px; padding-left: 0; } .sui-2-12-13.rtl .sui-wrap .sui-upsell-list li [class=sui-icon-] { right: 0; left: auto; } .sui-2-12-13.rtl .sui-wrap .sui-upsell-notice__image { margin-right: 0; margin-left: 20px; } @media (min-width: 783px) { .sui-2-12-13.rtl .sui-wrap .sui-upsell-notice__image { margin-right: 0; margin-left: 30px; } } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-upsell-list li { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible h1, .sui-2-12-13 .sui-wrap.sui-color-accessible h2, .sui-2-12-13 .sui-wrap.sui-color-accessible h3, .sui-2-12-13 .sui-wrap.sui-color-accessible h4, .sui-2-12-13 .sui-wrap.sui-color-accessible h5, .sui-2-12-13 .sui-wrap.sui-color-accessible h6, .sui-2-12-13 .sui-wrap.sui-color-accessible p, .sui-2-12-13 .sui-wrap.sui-color-accessible p small, .sui-2-12-13 .sui-wrap.sui-color-accessible li, .sui-2-12-13 .sui-wrap.sui-color-accessible code, .sui-2-12-13 .sui-wrap.sui-color-accessible pre { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible a { color: #1a1a1a !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible a:hover { color: #000 !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible pre, .sui-2-12-13 .sui-wrap.sui-color-accessible code { background: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-settings-label, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-body .sui-settings-label-with-tag { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-form-control, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-multi-checkbox, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-label, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-error-message { border-color: #000; color: #000; background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-form-control::placeholder, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-multi-checkbox::placeholder, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-label::placeholder, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-error-message::placeholder { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-checkbox input+span, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-radio input+span { border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-checkbox input+span+span, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-radio input+span+span { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-upload-button { color: #000; background: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-upload-label:hover .sui-upload-button { color: #fff; background: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-recipient span { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item:hover { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>.active, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item.active, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>.active, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active { color: #fff; background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tag { background: #000; color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tag.sui-tag-ghost { background: #fff; color: #000; border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice-top { border-left-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-dismiss a, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice p:first-of-type:before, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice-top .sui-notice-dismiss a, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-notice-top p:first-of-type:before { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p { border-left: 2px solid #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p:first-of-type:before { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dialog-close:before { color: #000 !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-tab-item.active [class=sui-icon-]:before { color: #fff !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-bar span { background: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-text span { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-progress-state span { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table { border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table td { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table thead>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-accordion-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-accordion-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-accordion-item-title { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table thead>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table thead>tr>td, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody>tr>td, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>td { border-bottom-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-accordion-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-accordion-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-table-item-title, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-accordion-item-title { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error td, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning td, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success td { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-default, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-table-title { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) { border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header { border-bottom-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item { border-bottom-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item { background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong { color: inherit; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong { color: inherit; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>* { color: rgba(0,0,0,0) !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-a svg circle:last-child, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-b svg circle:last-child, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-c svg circle:last-child, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-d svg circle:last-child, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-e svg circle:last-child, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-grade-f svg circle:last-child { stroke: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li button, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li a { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li:focus, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li:active, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:focus, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:active, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:focus, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:active { color: #000; background-color: rgba(51,51,51,.05); } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button), .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button { color: #fff !important; background: #000 !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button):hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button:hover { color: #fff !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button) [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button [class=sui-icon-]:before { color: #fff !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-ghost, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button.sui-button-ghost { padding: 7px 16px; border: 0; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell { background: #fff !important; color: #000 !important; border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell:hover, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell:hover { border-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-list .sui-list-label, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-list .sui-list-detail { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]+.sui-toggle-slider:hover { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider { background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider:hover { box-shadow: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-checkbox input:checked+span, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-radio input:checked+span { border-color: #000; background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-status-dot span { background-color: #fff; border: 1px solid #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-status-dot.sui-published span { background-color: #000; border: none; } .sui-2-12-13 .sui-wrap.sui-color-accessible .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce { color: #fff; background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .wp-editor-wrap.html-active .wp-editor-tabs .switch-html { color: #fff; background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .wp-editor-wrap .wp-media-buttons .insert-media { background-color: #000 !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-ace-selectors a.sui-selector { background-color: #000; color: #fff !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .ace-sui .ace_gutter { background: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .ace-sui .ace_text-layer { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .ace-sui .ace_content { background-color: #fff; } .sui-2-12-13 .sui-wrap.sui-color-accessible .ace-sui .ace_line { filter: brightness(0%); } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove:hover { background-color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box .sui-box-title { color: #000 !important; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input+span { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input+span~span { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span { background-color: #fff !important; color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span:after { border-top: 40px solid #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span~span { border-top-color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span [class=sui-icon]:before { color: #000; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-changes, .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-module { color: #555; } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current { box-shadow: 0 0 0 1px #000; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap.sui-color-accessible .sui-footer { color: #000; } .sui-2-12-13.sui-elements-accessible .sui-select .sui-select-dropdown { border-color: #000 !important; } .sui-2-12-13.sui-elements-accessible .select2-results__option { color: #000 !important; } .sui-2-12-13.sui-elements-accessible .select2-results__option--selected { background-color: #000 !important; color: #fff !important; } .sui-2-12-13 .sui-wrap a.sui-link-gray:not(.sui-button), .sui-2-12-13 .sui-wrap a.sui-link-gray:not(.sui-button):visited { color: #888; } .sui-2-12-13 .sui-wrap a.sui-link-gray:not(.sui-button):hover, .sui-2-12-13 .sui-wrap a.sui-link-gray:not(.sui-button):focus, .sui-2-12-13 .sui-wrap a.sui-link-gray:not(.sui-button):active { color: #666; } .sui-2-12-13 .sui-wrap .sui-tag-draft { background-color: #f2f2f2; color: #333; } .sui-2-12-13 .sui-wrap .sui-tag-published { background-color: #17a8e3; color: #fff; } .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-pre { font-family: monospace; } .sui-2-12-13 .sui-wrap .sui-checkbox.sui-checkbox-pre input+span+span { word-break: break-all; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title [class=forminator-icon-] { float: left; display: block; margin-right: 10px; } .sui-2-12-13 .sui-wrap .sui-box .sui-box-title [class=forminator-icon-]:before { color: inherit; font-size: 20px; vertical-align: text-bottom; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm { margin-bottom: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]+div { padding-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]+div { margin-left: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]:first-child, .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]:last-child { display: inline-block; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]:first-child .sui-settings-label, .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class=sui-box-settings-col-]:first-child .sui-settings-label-with-tag { width: 120px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm .sui-settings-label:only-child, .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm .sui-settings-label-with-tag:only-child { margin: 0; line-height: inherit; } } .sui-2-12-13 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-box-body .sui-settings-label.sui-sm, .sui-2-12-13 .sui-wrap .sui-box-body .sui-sm.sui-settings-label-with-tag { font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field { position: relative; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label.fui-notifications-label { min-width: 40%; max-width: 40%; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label.fui-notifications-recipient { color: #888; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field:focus { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.fui-error { box-shadow: 0 2px 7px 0 rgba(0,0,0,.05),inset 0 -2px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:hover, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:focus, .sui-2-12-13 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:active { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05),inset 0 -2px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .fui-conditions { cursor: help; position: absolute; z-index: 1; right: -10px; } .sui-2-12-13 .sui-wrap .fui-conditions [class=sui-icon-] { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 40px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); text-align: center; } .sui-2-12-13 .sui-wrap .fui-conditions [class=sui-icon-]:before { display: block; color: #fecf2f; } .sui-2-12-13 .sui-wrap td.sui-table-item-title .fui-conditions { padding-top: 4px; display: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap { box-sizing: border-box; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs { width: 100%; display: flex; flex-wrap: wrap; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor { height: auto; float: none; display: block; top: 0; margin: 0; padding: 8px 20px 9px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #fff; border-radius: 4px 4px 0 0; background: #fff; color: #888; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor:focus { color: #333; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container { background: #fff; border: 1px solid #e6e6e6; border-radius: 4px; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel { border-width: 0 !important; border-radius: 0 0 4px 4px; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group { padding: 0; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn { margin: 0; border: 0; border-radius: 0; font-size: 16px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button { padding: 0; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button .mce-ico { width: 30px; height: 30px; color: #666; font-size: 16px; line-height: 30px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button:hover .mce-ico, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button:focus .mce-ico { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn:focus { background: rgba(0,0,0,0); box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active { background: rgba(0,0,0,0); box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active button { background-color: #e1f6ff; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active button .mce-ico { color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part:before { content: unset; display: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp { border-bottom-width: 1px !important; border-bottom-color: #e6e6e6; border-radius: 0 4px 0 0; background: #fff; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp>div { padding: 4px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar { padding: 4px; border-bottom-color: #e6e6e6; border-radius: 4px 4px 0 0; background: #fff; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small { min-width: 30px; min-height: 30px; margin: 0; border: 0; padding: 0 2px; background: #fff; color: #666; font-size: 13px; line-height: 30px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button:focus, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small:focus { background-color: #fff; outline: none; box-shadow: none; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea { width: 100%; display: block; margin: 0; padding: 10px; border-width: 0; border-radius: 0 0 4px 4px; background: #fff; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea:focus { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.tmce-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor.switch-tmce { color: #333; border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.tmce-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container { border-top-left-radius: 0; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.html-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor.switch-html { color: #333; border-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options { pointer-events: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options { pointer-events: all; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button { cursor: pointer; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; background-image: none; color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button [class=sui-icon-] { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button:focus, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button.sui-active { background: #e1f6ff; outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul { max-height: 120px; overflow-x: hidden; overflow-y: auto; display: none; margin: 10px 0 0 -10px; padding: 5px 0; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; list-style: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul:before { content: " "; width: 0; position: absolute; z-index: 1; top: 30px; left: 7.5px; border-width: 0 8px 10px; border-style: solid; border-color: #ddd rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul:after { content: " "; width: 0; position: absolute; z-index: 2; top: 31px; left: 7.5px; border-width: 0 8px 10px; border-style: solid; border-color: #fff rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li { margin: 0; padding: 0; border: 0; color: #333; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; list-style: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li strong { display: block; padding: 5px 14px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button { cursor: pointer; display: block; padding: 5px 14px; background-color: #fff; color: #666; font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a:focus, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button:hover, .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button:focus { background: #e1f6ff; outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul.sui-active { display: block; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options { position: relative; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp>div { padding-left: 34px; } .sui-2-12-13 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options .sui-editor-options { display: block; position: absolute; z-index: 2; top: 45px; left: 5px; } .sui-2-12-13 .sui-wrap .sui-form-field.sui-form-field-error .sui-editor .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container { border-bottom-color: #ff6d6d; box-shadow: 0 1px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] span { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label { display: flex; align-items: center; justify-content: center; color: #aaa; font: bold 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon { width: 12px; height: 12px; flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon [class=sui-icon-] { display: block; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon+.fui-label-text { margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-text { min-width: 1px; flex: 0 1 auto; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label+div.fui-selector-button { margin-top: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label+div.fui-selector-button { margin-left: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label { min-width: 1px; flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-button { min-width: 120px; flex: 0 0 auto; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .sui-select { min-width: unset; margin-left: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] { min-width: 100%; display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] { display: flex; align-items: center; margin-left: auto !important; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] { background-color: #f8f8f8; border-radius: 4px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] .fui-selector-label, .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] div.select-container { opacity: 0; pointer-events: none; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title { flex-wrap: wrap; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title .sui-accordion-item-subtitle { font: 500 13px/22px "Roboto"; letter-spacing: -0.25px; color: #888; margin-left: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title .sui-accordion-item-subtitle { margin-left: 0; } } .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-accordion-item--open+.sui-accordion-item-content.sui-accordion-item--mobile { display: block; visibility: hidden; z-index: -1; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion.sui-table>tbody .sui-accordion-item--open+.sui-accordion-item-content.sui-accordion-item--mobile { display: table-row; visibility: visible; z-index: 0; } } .sui-2-12-13 .sui-wrap .sui-insert-variables.textarea-type select.sui-variables+.sui-select .selection>span { border-left: none; } .sui-2-12-13 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered { padding-left: 0; padding-right: 0; } .sui-2-12-13 .sui-wrap.sui-color-accessible [class=forminator-icon-]:before { color: #000 !important; } .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name { position: relative; padding-left: 30px; } .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name:before { font-size: 13px; line-height: 20px; width: 20px; text-align: center; border-radius: 100%; background: #c4c4c4; } .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber, .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber { height: 20px; } .sui-2-12-13 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber img { width: 20px; height: 20px; border-radius: 100%; } .sui-2-12-13 .sui-wrap select.fui-select { width: 100%; height: 40px; display: block; flex: 1; margin: 0; padding: 4px 15px; border: 1px solid #ddd; border-radius: 4px; background-color: #fafafa; box-shadow: none; color: #333; font-size: 15px; font-weight: 500; font-family: "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .select-container.fui-select-listing-actions { width: 100%; max-width: 190px; min-width: unset; display: flex; } .sui-2-12-13 .sui-wrap .select-container.fui-select-listing-actions .select-list-container .list-results { max-height: 230px; } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled { user-select: none; pointer-events: none; border-color: #dedede; background-color: #f2f2f2; } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled .select-list-container { cursor: not-allowed; } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled .select-list-container .list-value { color: #aaa; } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled.active { user-select: none; pointer-events: none; } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled.active .dropdown-handle [class=sui-icon-] { transform: rotate(0); } .sui-2-12-13 .sui-wrap .select-container.fui-select-disabled.active .select-list-container .list-results { width: 0; display: none; left: -9999px; right: -9999px; transition-duration: .3s; } .sui-2-12-13 .sui-wrap .fui-select-with-delete { display: flex; flex-direction: row; align-items: center; } .sui-2-12-13 .sui-wrap .fui-select-with-delete .sui-form-field { min-width: 1px; flex: 1 1 auto; margin-bottom: 0; } .sui-2-12-13 .sui-wrap .fui-select-with-delete .sui-form-field+.fui-option-remove { margin-left: 10px; } .sui-2-12-13 .sui-wrap .fui-select-with-delete .fui-option-remove { flex: 0 0 auto; margin: 0; } .sui-2-12-13 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options.select2-results__options--nested { overflow: visible; } .sui-2-12-13 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted .sui-variable-value { color: #333; } .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status .fui-module-status, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status .fui-module-status, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status .fui-module-status, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status .fui-module-status, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status .fui-module-status, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status .fui-module-status { width: 10px; height: 10px; cursor: help; display: inline-block; margin-right: 13px; border-radius: 20px; background-color: #e6e6e6; } .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status .fui-module-status.fui-publish, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status .fui-module-status.fui-publish, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status .fui-module-status.fui-publish, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status .fui-module-status.fui-publish, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status .fui-module-status.fui-publish, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status .fui-module-status.fui-publish { background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown { margin-right: 3px; margin-left: 3px; } .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon:first-child, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon:last-child, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown:last-child { margin-right: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status { width: 135px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-table thead th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table thead td.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tbody th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tbody td.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tfoot th.fui-col-status, .sui-2-12-13 .sui-wrap .sui-table tfoot td.fui-col-status { width: 150px; } } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote td { padding-top: 20px; padding-bottom: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--wrapper { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--wrapper { display: flex; } } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner { display: flex; align-items: center; justify-content: center; border-radius: 4px; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner[data-app=webhook] { padding: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner+.fui-app--content { margin-top: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner+.fui-app--content { margin-left: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner { width: 100%; height: 100px; padding: 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner { flex: 0 0 220px; min-height: 150px; padding: 5px 10px; } } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title { display: flex; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>span { display: block; margin: 4px 0; flex: 1; line-height: 22px; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>a { display: block; flex: 0 0 auto; margin-left: 5px; line-height: 30px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>a { display: none; } } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>button { flex: 0 0 auto; margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title+.fui-app--description { margin-top: 5px; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description { margin: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content { flex: 1; } } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper { display: flex; align-items: center; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .sui-image { width: 20px; height: 20px; flex: 0 0 auto; margin-right: 10px; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .fui-noicon { width: 20px; height: 20px; overflow: hidden; user-select: none; display: block; flex: 0 0 auto; margin-right: 10px; padding: 2px; border-radius: 2px; background-color: #ddd; color: #666; font-size: 7px; line-height: 16px; font-weight: bold; font-family: "Roboto",Arial,sans-serif; text-transform: uppercase; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper>span { flex: 1; display: block; } .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .sui-button-icon { margin-left: 10px; flex: 0 0 30px; } .sui-2-12-13 .sui-wrap .fui-table--apps.fui-connected { border-left-width: 0; } .sui-2-12-13 .sui-wrap .fui-table--apps.fui-connected tbody tr { box-shadow: inset 2px 0 0 #17a8e3; } .sui-2-12-13 .sui-wrap .fui-table--apps.fui-connected tbody tr:first-child { border-top-left-radius: 4px; } .sui-2-12-13 .sui-wrap .fui-table--apps.fui-connected tbody tr:last-child { border-bottom-left-radius: 4px; } .sui-2-12-13 .sui-wrap .fui-table--pagination tbody tr td input.sui-form-control, .sui-2-12-13 .sui-wrap .fui-table--pagination tbody tr td input.sui-multi-checkbox { height: 30px; margin: 10px 0; padding: 7px 12px; font-size: 12px; line-height: 16px; } .sui-2-12-13 .sui-wrap .fui-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .fui-row [class^=fui-col-] { flex: 0 0 auto; margin-bottom: 10px; padding-right: 5px; padding-left: 5px; } .sui-2-12-13 .sui-wrap .fui-row [class^=fui-col-]:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-row [class^=fui-col-] { margin-bottom: 0; } } .sui-2-12-13 .sui-wrap .fui-row .fui-col-3 { min-width: 25%; flex-basis: 25%; } .sui-2-12-13 .sui-wrap .fui-row .fui-col-4 { min-width: 33.33%; flex-basis: 33.33%; } .sui-2-12-13 .sui-wrap .fui-row .fui-col-6 { min-width: 50%; flex-basis: 50%; } .sui-2-12-13 .sui-wrap .fui-row .fui-col-12 { min-width: 100%; flex-basis: 100%; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-row:last-child { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-row:last-child { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic { margin-right: 0; margin-left: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic .sui-box { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] { margin-bottom: 0; padding-right: 0; padding-left: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] { padding-right: 15px; padding-left: 15px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic:last-child .sui-box { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-row.fui-row-dynamic { margin-right: -15px; margin-left: -15px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-row [class=sui-col-].sui-padding-right-10 { margin-bottom: 10px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-row [class=sui-col-].sui-padding-right-10 { padding-right: 10px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-row [class=sui-col-].sui-padding-left-10 { padding-left: 10px !important; } } .sui-2-12-13 .sui-wrap .sui-row.sui-align-bottom { align-items: flex-end; } .sui-2-12-13 .sui-wrap .sui-row.sui-spacing-10 { margin-bottom: 10px !important; } .sui-2-12-13 .sui-wrap .sui-box .fui-builder-section--insert { display: flex; justify-content: space-between; border-bottom-width: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box .fui-builder-section--insert { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-box .fui-builder-section--insert { padding-top: 30px; padding-bottom: 30px; } } .sui-2-12-13 .sui-wrap .sui-box .fui-builder-section--insert+.fui-builder-section--pagination { border-top: 1px solid #e6e6e6; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-row [class^=fui-col-] { min-width: unset; flex: 1; } } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-full { height: 0; border-radius: 2px; background-color: #17a8e3; transition: .05s linear; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-full.fui-drop-use { height: 4px; margin: 10px 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after:before, .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before:before { content: " "; width: 0; height: 70px; display: block; border-radius: 2px; background-color: #17a8e3; transition: .05s linear; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use:before, .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use:before { width: 4px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use:last-child, .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use:last-child { padding-right: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use, .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use { padding: 0 5px; } } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow { pointer-events: none; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block { background-color: #f2f2f2; box-shadow: none; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block * { opacity: 0; visibility: hidden; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block:before { display: none; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block { color: #aaa; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block:before { color: #ddd; animation: unset; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .fui-builder-field-block-move [class=sui-icon-]:before { color: #666; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .fui-builder-field-block-name [class^=sui-icon-]:before { color: #ddd !important; } .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .sui-button-icon:not(.sui-button), .sui-2-12-13 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .sui-button-icon:not(.sui-button).sui-button-red { pointer-events: none; color: #ddd; } .sui-2-12-13 .sui-wrap .fui-builder-field-block { cursor: pointer; display: flex; align-items: center; position: relative; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info { overflow: hidden; display: flex; flex: 1; align-items: center; padding: 13px 0 13px 20px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move, .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon { width: 30px; display: block; flex: 0 0 30px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class=sui-icon-], .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class=sui-icon-] { display: block; font-size: 16px; transition: all .2s ease; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class=sui-icon-]:before, .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move { margin-left: -10px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class=sui-icon-] { color: #ddd; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class=sui-icon-] { color: #888; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name { display: block; flex: 1; line-height: 22px; font-family: "Roboto",Arial,sans-serif; font-weight: 500; letter-spacing: -0.25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label, .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--id { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label { color: #333; font-size: 13px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label span { margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--id { color: #888; font-size: 12px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name:not(:first-child) { margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--info+div { margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-field--actions { flex: 0 0 auto; margin-right: 20px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-unsaved:before { content: "®"; width: 20px; height: 20px; display: block; position: absolute; left: -10px; border-radius: 40px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); color: #17a8e3; font-size: 12px; line-height: 20px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions { cursor: default; position: absolute; z-index: 1; right: -10px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions [class=sui-icon-] { width: 20px; height: 20px; display: flex; justify-content: center; border-radius: 40px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); text-align: center; } .sui-2-12-13 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions [class=sui-icon-]:before { display: block; color: #fecf2f; font-size: 12px; line-height: 20px; } .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info { width: 20px; height: 20px; display: block; position: absolute; top: 50%; left: -10px; border-radius: 40px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); transform: translateY(-50%); } .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info [class=sui-icon-] { display: block; margin: 0 auto; text-align: center; } .sui-2-12-13 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info [class=sui-icon-]:before { display: block; color: #17a8e3; font-size: 12px; line-height: 20px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-field-block:not([data-field=group]) { height: 60px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-field-block:not([data-field=group]) { height: 70px; } } .sui-2-12-13 .sui-wrap .fui-builder-fields { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-field-block { cursor: move; border-color: rgba(0,0,0,0); box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); transition: all .2s ease; } .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-field-block:hover { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-field-block:hover .fui-field--info .fui-field--move [class=sui-icon-] { color: #888; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed { height: 60px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed { height: 70px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-image:last-child { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-image:last-child { margin-bottom: -30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-fields { padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-fields { padding: 30px; } } .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-swipe { margin: 0 0 10px; color: #aaa; font: bold 10px/16px "Roboto",Arial,sans-serif; text-transform: uppercase; text-align: center; } .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-swipe [class=sui-icon-] { vertical-align: bottom; margin-left: 6px; font-size: 14px; } .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-swipe [class=sui-icon-]:before { display: block; color: #aaa; line-height: 16px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-swipe { display: block; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-swipe { display: none; } } .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-builder-form { min-width: 700px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-builder-form { margin: 0 -20px; padding: 0 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-builder-form--wrap .fui-builder-form { margin: 0 -30px; padding: 0 30px; } } .sui-2-12-13 .sui-wrap [data-field=group] .fui-builder-form--wrap .fui-builder-form { min-width: 50px; } @media (max-width: 1300px) { .sui-2-12-13 .sui-wrap .fui-col-3 .fui-builder-field-block .fui-field--info .fui-field--icon { display: none; } } .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option { display: block; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-side-tabs { margin-bottom: 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-side-tabs { flex: 0 0 auto; margin-right: 5px; margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-description, .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-visibility-header .fui-visibility-options .fui-visibility-option .fui-app--description { flex: 0 1 auto; margin-top: 0; margin-left: 5px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option:not(:last-child) { margin-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option:not(:last-child) { margin-right: 10px; flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option { display: flex; align-items: center; flex: 0 1 auto; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header .fui-visibility-options { display: flex; align-items: center; margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .fui-visibility-header .sui-label { margin-bottom: 5px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-header+.fui-visibility { margin-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-header+.fui-visibility { margin-top: 0; } } .sui-2-12-13 .sui-wrap .fui-visibility { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rules .sui-box { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rules .sui-box:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header { margin: 0; cursor: pointer; display: block; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button { width: 100%; cursor: pointer; display: flex; align-items: flex-start; padding-right: 20px; border-width: 0; border-radius: 4px; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; text-align: left; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button strong { color: #333; font-weight: 500; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon:before, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon { margin-right: 3px; margin-left: -7px; color: #fecf2f; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-text { display: block; flex: 1; padding: 4px 0; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow:before { transition: .2s linear; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:focus, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:hover, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:active { outline: none; box-shadow: none; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header+.fui-visibility-rule-body { border-top: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-body { display: none; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-footer { display: flex; justify-content: space-between; margin: 0 -20px; padding: 20px 20px 0; border-top: 1px solid #e6e6e6; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-footer { margin-right: -30px; margin-left: -30px; padding: 30px 30px 0; } } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-header button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-header button .fui-visibility-rule-arrow:before { transform: rotate(180deg); } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-body { display: block; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message { text-align: center; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message p { margin: 0; color: #888; font-size: 13px; line-height: 22px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message p { max-width: 400px; margin: 0 auto; } } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button { width: 100%; cursor: pointer; display: block; margin: 0; border: 1px dashed #aaa; border-radius: 4px; background-color: rgba(0,0,0,0); color: #888; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-transform: uppercase; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button [class=sui-icon-] { width: 20px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button:hover, .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button:active { outline: none; box-shadow: none; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button { height: 60px; margin-bottom: 20px; padding: 21px 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message button { height: 70px; margin-bottom: 30px; padding: 26px 15px; } } .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message .sui-image { margin-top: 20px; margin-bottom: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility .fui-visibility-empty-message .sui-image { margin-top: 30px; margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap .fui-visibility .sui-builder-fields:empty+.sui-button { margin-top: 0; } .sui-2-12-13 .sui-wrap .fui-visibility .sui-builder-fields:not(:empty)+.sui-button { margin-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility .sui-builder-fields:not(:empty)+.sui-button { margin-top: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility { margin: -20px; padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility { margin: -30px; padding: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-notice+.fui-visibility { margin-top: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-notice+.fui-visibility { margin-top: 0; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-visibility-group>.sui-button { margin-top: 40px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-visibility-group>.sui-button { margin-top: 60px !important; } } .sui-2-12-13 .sui-wrap .fui-demo * { cursor: default; pointer-events: none; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material label { display: block; color: #777771; font-size: 12px; line-height: 20px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input { width: 100%; height: 40px; display: block; margin: 0; outline: none; box-shadow: none; color: #000; font-size: 16px; line-height: 20px; font-family: "Roboto",Arial,sans-serif; font-weight: 400; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input+label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input+button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input+label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input+button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input+label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input+button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input+label, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input+button { margin-top: 20px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold button, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material button { width: auto; min-width: 100px; display: block; margin: 0; border: 0; background-color: #17a8e3; color: #fff; text-align: center; font-family: "Roboto",Arial,sans-serif; font-size: 14px; line-height: 20px; text-transform: none; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input { background-color: #ededed; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input::placeholder, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input::placeholder, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input::placeholder { color: #aaa; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input, .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input { border-style: solid; border-color: #777771; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default input { padding: 9px 9px; border-width: 1px; border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--default button { padding: 10px; border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat input { padding: 10px; border: 0; border-radius: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--flat button { padding: 10px; border-radius: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold input { padding: 7px 9px; border-width: 3px; border-radius: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--bold button { padding: 12px; border-radius: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input { padding: 10px 0 9px; border: 0; border-bottom: 1px solid #777771; background-color: rgba(0,0,0,0); } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input::placeholder { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -khtml-opacity: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input:-moz-placeholder { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -khtml-opacity: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input::-moz-placeholder { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -khtml-opacity: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input:-ms-input-placeholder { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -khtml-opacity: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material input::-webkit-input-placeholder { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -khtml-opacity: 0; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material button { padding: 10px; border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_empty { margin-bottom: 20px; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_empty label { transform: translateY(31px); color: #aaa; font-size: 16px; font-weight: 400; } .sui-2-12-13 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_filled { margin-bottom: 20px; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material button { cursor: pointer; pointer-events: none; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold label, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material label { display: flex; margin: 0 0 5px; padding: 0; border: 0; color: #000; font: 400 16px/20px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default label input+span, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat label input+span, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold label input+span, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material label input+span { width: 20px; height: 20px; display: flex; flex: 0 0 auto; margin-right: 10px; border-radius: 20px; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material button { width: auto; min-width: 100px; display: block; padding: 10px; border: 0; border-radius: 0; background-color: #17a8e3; color: #fff; font: 500 14px/20px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: center; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material button { margin: 20px 0 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold button, .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material button { margin: 30px 0 0; } } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default label input+span { border: 1px solid #777771; background-color: #ededed; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--default button { border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--flat label input+span { background-color: #ededed; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold label input+span { border: 3px solid #777771; background-color: #ededed; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--bold button { min-width: 120px; padding: 15px; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material label input+span { border: 2px solid #777771; background-color: #ededed; } .sui-2-12-13 .sui-wrap .fui-demo--poll.fui-demo--material button { border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material label { display: block; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>span { color: #333; font: 500 24px/1.7em "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label { margin: 15px 0 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span { margin: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span { border-color: #17a8e3; background-color: #f3fbfe; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span span[aria-hidden], .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span span[aria-hidden] { border-color: #17a8e3; background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span span:not([aria-hidden]), .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span span:not([aria-hidden]) { color: #333; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span { cursor: pointer; display: flex; padding: 9px; border: 1px solid #ebedeb; border-radius: 2px; background-color: #fafafa; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span[aria-hidden] { width: 30px; height: 30px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border: 1px solid #ebedeb; border-radius: 2px; background-color: #fff; font-size: 12px; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span[aria-hidden]:before { color: #fff; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span:not([aria-hidden]) { display: block; flex: 1; align-self: center; margin-left: 10px; color: #888; font: 500 14px/20px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span { background-color: #f3fbfe; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span span[aria-hidden], .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span span[aria-hidden] { background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span span:not([aria-hidden]), .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span span:not([aria-hidden]) { color: #333; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span { cursor: pointer; display: flex; padding: 10px; background-color: #fafafa; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span span[aria-hidden] { width: 30px; height: 30px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background-color: #fff; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span span:not([aria-hidden]) { display: block; flex: 1; align-self: center; margin-left: 10px; color: #888; font: 500 14px/20px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span { border-color: #17a8e3; background-color: #f3fbfe; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span span[aria-hidden], .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span span[aria-hidden] { border-color: #17a8e3; background-color: #17a8e3; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span span:not([aria-hidden]), .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span span:not([aria-hidden]) { color: #333; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span { cursor: pointer; display: flex; padding: 7px; border: 3px solid #ebedeb; background-color: #fafafa; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span span[aria-hidden] { width: 30px; height: 30px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border: 3px solid #ebedeb; background-color: #fff; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span span:not([aria-hidden]) { display: block; flex: 1; align-self: center; margin-left: 10px; color: #888; font: 500 14px/20px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span, .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span { background-color: #f3fbfe; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span span[aria-hidden], .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span span[aria-hidden] { border-color: #17a8e3; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span span:not([aria-hidden]), .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span span:not([aria-hidden]) { color: #333; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span { cursor: pointer; display: flex; padding: 10px; border-radius: 2px; background-color: #fafafa; box-shadow: 0 1px 1px rgba(0,0,0,.3); } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span span[aria-hidden] { width: 30px; height: 30px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border: 2px solid #ebedeb; border-radius: 2px; } .sui-2-12-13 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span span:not([aria-hidden]) { display: block; flex: 1; align-self: center; margin-left: 10px; color: #888; font: 500 14px/20px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--default button, .sui-2-12-13 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--flat button, .sui-2-12-13 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--bold button, .sui-2-12-13 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--material button { background-color: #000; } .sui-2-12-13 .sui-wrap .multivalue-modal div[id^=forminator-modal-body-] .sui-tab-content.active { overflow: hidden; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown { margin-left: 0; padding: 0; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options { overflow-x: hidden; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option { padding: 5px 14px; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option .sui-variable-name { color: #888; font: 500 15px/25px Roboto,Arial,sans-serif; letter-spacing: -0.25px; word-wrap: break-word; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option .sui-variable-value { display: none; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option--selected .sui-variable-name { color: #fff; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown * { scrollbar-width: thin; scrollbar-color: #ddd #f4f4f4; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown ::-webkit-scrollbar { width: 9px; height: 8px; background-color: #f4f4f4; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown ::-webkit-scrollbar-track { background-color: #f4f4f4; } .sui-2-12-13 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown ::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; cursor: default !important; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option { width: 100%; cursor: pointer; display: block; margin: 0; border-width: 1px; border-style: dashed; border-color: #aaa; border-radius: 4px; background-color: rgba(0,0,0,0); color: #888; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-transform: uppercase; text-align: center; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option:hover, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option:focus, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option:active { outline: none; box-shadow: none; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option [class=sui-icon-] { width: 23px; height: 16px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option [class=sui-icon-]:before { display: block; font-size: 12px; line-height: 16px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option { height: 60px; padding: 21px 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-options .fui-add-option { height: 70px; padding: 26px 15px; } } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option { cursor: move; display: flex; align-items: flex-start; margin: 0 0 10px; padding: 15px 10px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 7px 0 rgba(162,138,138,.05); } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:before { content: "„"; width: 30px; display: block; flex: 0 0 auto; margin: 12px 10px 12px 0; font-size: 16px; line-height: 16px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:hover, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option:active, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option.fui-on_focus { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings { display: block; flex: 1; margin-right: 10px; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-] { display: flex; align-items: center; cursor: default; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>[class^=sui-] { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-field, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-control, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-multi-checkbox { flex: 1; margin: 0; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-field .sui-upload-file>span, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-control .sui-upload-file>span, .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-multi-checkbox .sui-upload-file>span { word-break: break-word; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-checkbox>input { cursor: pointer; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>:not(:first-child) { margin-left: 10px; } .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]~[class^=fui-option-settings-] { margin-top: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option+.fui-add-option { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-options .fui-option+.fui-add-option { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg) { background-color: #f8f8f8; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg) { margin: 0 -20px; padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg) { margin: 0 -30px; padding: 30px; } } .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor { position: relative; padding-right: 15px; padding-bottom: 0; border-right: 15px solid rgba(0,0,0,0); min-height: 0; max-height: 500px; overflow-y: auto; } .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor.no-option { padding: 0; margin: 0 !important; } .sui-2-12-13 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor::after { content: " "; display: block; width: 100%; height: 30px; } .sui-2-12-13 .sui-wrap .fui-multi-options.add-option-box { position: relative; z-index: 100; padding-top: 30px; margin-top: 30px; box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05); -webkit-box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05); -moz-box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05); } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-form-field:last-child .fui-multi-options:not(.fui-nobg) { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field:last-child .fui-multi-options:not(.fui-nobg) { margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap .multi-options-bulk { position: relative; min-height: 0; padding-top: 20px; border-top: 1px solid #e6e6e6; z-index: 0; } .sui-2-12-13 .sui-wrap .multi-options-bulk #label-options { padding-top: 10px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .switch-box { text-align: right; padding-bottom: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .multi-options-bulk .switch-box { text-align: left; } } .sui-2-12-13 .sui-wrap .multi-options-bulk .switch-box .sui-checkbox { margin-right: 30px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .switch-box .bulk-edit-toggle { display: inline-flex; margin-bottom: -6px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .switch-box .bulk-edit-toggle .sui-toggle-label { font-size: 13px; } .sui-2-12-13 .sui-wrap .multi-options-bulk #jump-bottom-or-top { position: fixed; bottom: 10px; right: 15px; z-index: 1000; } .sui-2-12-13 .sui-wrap .multi-options-bulk .multi-opts-preloader { padding: 108px 0; margin: 0 -30px; border-top: 1px solid #e6e6e6; text-align: center; } .sui-2-12-13 .sui-wrap .multi-options-bulk .multi-opts-preloader .sui-icon-loader { display: inline-block; width: 100px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined { font-size: 12px; color: #17a8e3; width: 100%; padding-right: 0; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container { width: 100% !important; border: none; text-align: right; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container .dropdown-handle { display: none; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container .select2-selection--single { display: inherit; height: auto; padding: 0 5px 0 0; border: none; line-height: 1; font-size: 12px; font-weight: 500; color: #17a8e3; background-color: #fff; text-align: right; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables>* { text-align: left; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables #bulk-edit-textarea { padding-right: 0; white-space: pre; overflow-wrap: normal; font-weight: 400; line-height: 1.5; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables .bulk-editor-description { white-space: pre-line; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .upload-csv-btn { margin-right: 10px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .uploaded-csv-file { margin-right: 10px; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .importer-error { margin: 10px 0; text-align: left; } .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer>.sui-description, .sui-2-12-13 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .fui-table--apps tbody tr.fui-app--promote .fui-app--content .bulk-importer>.fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .multi-options-bulk .fui-multi-options-bulk .bulk-importer>.fui-app--description { text-align: left; } .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span { border-color: rgba(0,0,0,0) !important; background-color: rgba(0,0,0,0) !important; } .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before { content: "¬"; } .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before { position: absolute; top: 0; left: 0; opacity: 1 !important; } .sui-2-12-13 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before { content: "≥"; } .sui-2-12-13 .sui-wrap .multi-options-bulk .sui-accordion-item-header .sui-upload-image .sui-image-preview { cursor: default; } .sui-2-12-13 .sui-wrap .multi-options-bulk .sui-accordion-item-header .sui-upload-image .sui-image-preview:before { opacity: 0; } .sui-2-12-13 .sui-wrap .multi-options-bulk * { scrollbar-width: thin; scrollbar-color: #ddd #f4f4f4; } .sui-2-12-13 .sui-wrap .multi-options-bulk ::-webkit-scrollbar { width: 9px; height: 8px; background-color: #f4f4f4; } .sui-2-12-13 .sui-wrap .multi-options-bulk ::-webkit-scrollbar-track { background-color: #f4f4f4; } .sui-2-12-13 .sui-wrap .multi-options-bulk ::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; cursor: default !important; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .hui-form-field-reduced:not(:last-child) { margin-bottom: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .hui-form-field-reduced:not(:last-child) { margin-bottom: 10px; } } .sui-2-12-13 .sui-wrap .forminator-custom-form ul { list-style: disc; margin-left: 2em; } .sui-2-12-13 .sui-wrap select { max-width: none; } .sui-2-12-13 .sui-wrap .fui-entries-bar { display: flex; } .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors { display: flex; } .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select~.select2 { margin-left: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select { flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select { min-width: 120px; } } .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors__module~select.sui-select+.select2 { min-width: 200px; max-width: 200px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors__module~select.sui-select+.select2 { display: block; min-width: 100%; max-width: 100%; margin-left: 0; margin-top: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors+.sui-button { margin-left: 10px; } } .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors>form { display: flex; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors>form { display: block; } .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors>form .sui-button { margin-top: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors { min-width: 100%; display: block; margin: 0 0 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .fui-bar-selectors { align-items: center; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .sui-button+.sui-button { margin-left: 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries-bar .sui-button+.sui-button { margin-left: auto; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-entries-bar { flex-wrap: wrap; justify-content: space-between; padding: 15px 10px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries-bar { padding: 15px 30px; } } .sui-2-12-13 .sui-wrap .fui-pagination-entries { margin: 20px 0 10px; } .sui-2-12-13 .sui-wrap .fui-pagination-entries .sui-pagination-results { display: inline-block; line-height: 30px; } .sui-2-12-13 .sui-wrap .fui-pagination-entries .sui-pagination-results+.sui-pagination { margin-left: 15px; } .sui-2-12-13 .sui-wrap .fui-pagination-entries .sui-pagination { flex: 0 0 auto; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-pagination-entries .sui-pagination li a { min-width: 38px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-pagination-entries { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-box-actions { padding: 15px 10px; } } .sui-2-12-13 .sui-wrap .fui-box-entries .sui-box-search .sui-select-sm { min-width: 200px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .sui-box-search .sui-select-sm+.sui-button { min-width: unset; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .sui-box-search .sui-search-right { display: none; } } .sui-2-12-13 .sui-wrap .fui-box-entries .sui-box-search .sui-search-right .sui-pagination-dots { min-width: 40px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr>td .fui-mobile-only, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr>td .fui-mobile-only { display: none; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:first-child .sui-checkbox, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:first-child .sui-checkbox, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:first-child .sui-checkbox, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:first-child .sui-checkbox { margin-right: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:first-child, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:first-child, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:first-child, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:first-child { min-width: 170px; display: flex; flex: 0 0 170px; align-items: center; padding-right: 0; padding-left: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:not(:first-child) .sui-accordion-open-indicator, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:not(:first-child) .sui-accordion-open-indicator, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:not(:first-child) .sui-accordion-open-indicator, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:not(:first-child) .sui-accordion-open-indicator { float: none; margin-left: 5px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:not(:first-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:not(:first-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:not(:first-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:not(:first-child) { display: flex; flex: 1; align-items: center; justify-content: space-between; padding-right: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:nth-child(n+3), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:nth-child(n+3), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:nth-child(n+3), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:nth-child(n+3) { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td { height: auto; padding-top: 19px; padding-bottom: 18px; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-ellipsis, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-ellipsis, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-ellipsis, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-ellipsis { overflow: hidden; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag { background: #888; color: #fff; margin-left: 27%; } @media (max-width: 1229px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag { margin-left: 15px; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:last-child .sui-accordion-open-indicator, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:last-child .sui-accordion-open-indicator { margin-left: auto; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content) { display: flex; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content>td ul.bulleted, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content>td ul.bulleted { padding-left: 15px; list-style: disc; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content>td, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content>td { height: auto; display: block; padding-right: 10px; padding-left: 10px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content.sui-accordion-item--open, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content.sui-accordion-item--open { display: block !important; height: unset; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>thead, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries>tbody { display: block; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-table-entries { width: 100%; display: block; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title { margin: 0 0 20px; } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details { margin: 0; } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details>thead tr th { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details>thead tr th { padding-top: 8px; padding-bottom: 9px; } } .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead th, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead td, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody th, .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody td { word-break: break-word; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead th:not(:last-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead td:not(:last-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody th:not(:last-child), .sui-2-12-13 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody td:not(:last-child) { display: none; } } .sui-2-12-13 .sui-wrap #modal-insert-fields .sui-box-selectors ul li label { height: 100%; } .sui-2-12-13 .sui-wrap #modal-insert-fields .sui-box-selectors ul li label input+span { height: 100%; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-checkbox { margin-right: 10px; margin-bottom: 0; margin-left: -9px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { font-size: 18px; } } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data { align-items: center; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button { position: relative; margin-left: 40px; } .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button:after { content: ""; position: absolute; left: -28px; top: 0; bottom: 0; width: 2px; background: #c4c4c4; border-radius: 1px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button:after { content: unset; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button { margin-left: 0; } } .sui-2-12-13 .sui-wrap .sui-box-search .sui-search-left .sui-checkbox { display: inline-flex; margin-bottom: 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-box-search .sui-search-left .sui-checkbox { margin-right: 10px; } } .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile { justify-content: flex-end; margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination-results { display: block; margin-right: 15px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination-results { flex: 0 1 auto; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination li { flex: 0 0 auto; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination li a { min-width: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination { flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-mobile { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination .fui-pagination-desktop .sui-search-right { display: none; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-listings-pagination { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap #forminator-poll-builder .switch-box { text-align: right; margin-bottom: -27px; } .sui-2-12-13 .sui-wrap .fui-multi-answers { background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers { margin: 0; padding: 0; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers, .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li { border: 0; list-style: none; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li { display: flex; align-items: flex-start; margin: 0 0 10px; padding: 15px 20px; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); transition: .2s ease; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>span { display: block; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>span:not(:first-child) { margin-left: 10px; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move { width: 30px; height: 30px; cursor: move; display: flex; align-items: center; justify-content: center; flex: 0 0 30px; margin: 5px 0; margin-left: -10px; text-align: center; color: #aaa; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move [class=sui-icon-] { display: block; font-size: 16px; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields { flex: 1; flex-wrap: wrap; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field { display: flex; flex: 0 0 100%; margin: 0; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-title { display: flex; width: auto; flex: 1 0 auto; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-title input { flex: 1; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image { display: flex; max-width: 250px; flex: 0 0 250px; padding-left: 10px; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-form-field { max-width: 100%; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload { width: 100%; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload.sui-has_file .sui-upload-file { display: flex; flex: 1 1 auto; justify-content: center; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload:not(.sui-has_file) .sui-upload-button { display: flex; flex: 1 1 auto; justify-content: center; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload .sui-upload-file { max-width: 100%; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload .sui-upload-file span { max-width: 113px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image { flex: 1 1 auto; padding-left: 0; padding-top: 10px; max-width: 100%; } } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field:not(:last-child) { margin-bottom: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field { flex-direction: column; } } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions { display: flex; flex: 0 0 70px; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions .sui-button, .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions .sui-dropdown { display: block; margin: 0; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li:hover { box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li:hover>.fui-answer--move { color: #888; } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li.fui-error { box-shadow: inset 0 -2px 0 0 #ff6d6d,0 2px 7px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li.fui-error:hover { box-shadow: inset 0 -2px 0 0 #ff6d6d,0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05); } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li:last-child { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-answers>li:last-child { margin-bottom: 30px; } } .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message { text-align: center; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message .sui-image { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message .sui-image { margin-top: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message:not(:first-child) { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message:not(:first-child) { margin-top: 30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message:last-child { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers .fui-empty-message:last-child { margin-bottom: -30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers:last-child { margin-bottom: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers:last-child { margin-bottom: -30px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-multi-answers { margin: 20px -20px 0; padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-multi-answers { margin: 30px -30px 0; padding: 30px; } } .sui-2-12-13 .sui-wrap .fui-calculations { border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar { display: flex; flex-wrap: wrap; align-items: center; padding: 5px; border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon { margin: 0 2px; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button:first-child, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown:first-child, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon:first-child { margin-left: 0; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button:last-child, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-editor { display: block; } .sui-2-12-13 .sui-wrap .fui-calculations .fui-calcs-editor textarea { width: 100%; height: 200px; resize: none; display: block; margin: 0; padding: 10px; border: 0; border-radius: 0 0 3px 3px; outline: none; background-color: #f8f8f8; box-shadow: none; } .sui-2-12-13 .sui-wrap .fui-calculations.fui-error { border-bottom-width: 2px; border-bottom-color: #ff6d6d; } .sui-2-12-13 .sui-wrap .fui-calculations-preview { display: flex; flex-wrap: wrap; align-items: center; margin: -2px; color: #666; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-12-13 .sui-wrap .fui-calculations-preview span { display: block; flex: 0 0 auto; margin: 2px; padding: 4px 10px; border: 0; border-radius: 4px; background-color: #666; color: #fff; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-list-fields { margin: 0; padding: 0; border: 1px solid #e6e6e6; border-radius: 4px; list-style: none; } .sui-2-12-13 .sui-wrap .fui-list-fields li { display: flex; align-items: center; margin: 0; padding: 10px; border-width: 0; border-style: solid; border-color: #e6e6e6; border-radius: 0; } .sui-2-12-13 .sui-wrap .fui-list-fields li .fui-list-icon { flex: 0 0 30px; text-align: center; } .sui-2-12-13 .sui-wrap .fui-list-fields li .fui-list-icon+.fui-list-label { margin-left: 5px; } @media (max-width: 479px) { .sui-2-12-13 .sui-wrap .fui-list-fields li .fui-list-icon { display: none; } } .sui-2-12-13 .sui-wrap .fui-list-fields li .fui-list-label { overflow: hidden; display: block; flex: 1; color: #333; font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .sui-2-12-13 .sui-wrap .fui-list-fields li .fui-list-label+.sui-button-icon { margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-list-fields li .sui-button-icon { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .fui-list-fields li:not(:last-child) { border-bottom-width: 1px; } .sui-2-12-13 .sui-wrap .fui-buttons-alignment { display: flex; align-items: center; justify-content: space-between; } .sui-2-12-13 .sui-wrap .fui-buttons-alignment .sui-button, .sui-2-12-13 .sui-wrap .fui-buttons-alignment .sui-button-icon { flex: 0 1 auto; } .sui-2-12-13 .sui-wrap .fui-buttons-alignment.fui-alignment-center { justify-content: center; } .sui-2-12-13 .sui-wrap .fui-buttons-alignment.fui-alignment-right { justify-content: flex-end; } .sui-2-12-13 .sui-wrap .mtop10 { margin-top: 10px; } .sui-2-12-13 .sui-wrap .mbottom10 { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .fui-trend { font-size: 13px; line-height: 22px; font-weight: 700; margin-left: 5px; } .sui-2-12-13 .sui-wrap .fui-trend.fui-trend-green { color: #1abc9c; } .sui-2-12-13 .sui-wrap .fui-trend.fui-trend-red { color: #ff6d6d; } .sui-2-12-13 .sui-wrap .fui-trend [class=sui-icon-] { margin-right: 5px; } .sui-2-12-13 .sui-wrap .fui-trend [class=sui-icon-]:before { color: inherit; } .sui-2-12-13 .sui-wrap .fui-integrations-block .sui-table-title { display: block; margin: 0 0 5px; color: #888; font: bold 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-integrations-block .sui-table-title+.sui-notice { margin: 5px 0 0; } .sui-2-12-13 .sui-wrap .fui-integrations-block .fui-table--apps { margin: 5px 0; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .fui-integrations-block:not(:last-child) { margin: 0 0 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-integrations-block:not(:last-child) { margin: 0 0 30px; } } .sui-2-12-13 .sui-wrap #forminator-integration-popup .forminator-select-refresh { display: flex; flex-flow: row nowrap; align-items: center; } .sui-2-12-13 .sui-wrap #forminator-integration-popup .forminator-select-refresh span.sui-select { min-width: 1px; flex: 1; } .sui-2-12-13 .sui-wrap #forminator-integration-popup .forminator-select-refresh .forminator-refresh-email-lists { flex: 0 0 auto; margin-left: 10px; } .sui-2-12-13 .sui-wrap #forminator-integration-popup .sui-insert-variables textarea~span .select2-selection { border-left: none; } .sui-2-12-13 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky { margin-bottom: 30px; } .sui-2-12-13 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky .forminator-new-appearance-preset { margin-left: 10px; } .sui-2-12-13 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky .fui-bar-selectors { min-width: 220px; } .sui-2-12-13 .sui-wrap #forminator-appearance-preset .sui-box-header .sui-tag { margin-left: 10px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .forminator-for-desktop { display: none !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .forminator-for-mobile { display: none !important; } } .sui-2-12-13 .sui-wrap .forminator-for-mobile .sui-form-field { min-width: 100%; } .sui-2-12-13 .sui-wrap .forminator-for-mobile .sui-actions { display: flex; margin-left: -10px; } .sui-2-12-13 .sui-wrap .forminator-for-mobile .sui-right-actions { display: flex; margin-left: auto; } .sui-2-12-13 .sui-wrap .sui-modal { overflow-wrap: break-word; } .sui-2-12-13 .sui-wrap .sui-modal .fui-loading-modal { text-align: center; } .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle { display: flex; align-items: center; justify-content: center; padding: 19px 20px; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle .sui-toggle { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle .sui-toggle-label { min-width: 1px; flex: 0 1 auto; color: #666; font-size: 13px; line-height: 22px; font-weight: 500; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle { margin-right: -20px; margin-left: -20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle { margin-right: -30px; margin-left: -30px; padding-right: 30px; padding-left: 30px; } } .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle-content .sui-error-message { text-align: right; } .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle-content .sui-form-field-error .sui-insert-variables .select-container .select-list-container .list-value { border-bottom-color: #ff6d6d; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle-content { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-section-toggle-content { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box { background-color: #fafafa; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list { margin: 0 0 15px; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list, .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li { padding: 0; border: 0; list-style: none; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li { color: #888; font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li strong { color: #666; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list:last-child { margin: 0; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button { width: auto; max-width: 100%; cursor: pointer; opacity: .5; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: rgba(0,0,0,0); color: #333; font: bold 12px/22px "Roboto",Arial,sans-serif; text-transform: uppercase; transition: all .3s ease; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button [class=sui-icon-] { vertical-align: middle; margin-right: 3px; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:hover, .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:focus { opacity: 1; } .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:last-child { margin-bottom: -5px; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box.fui-flushed { margin: 0 -20px; padding: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-modal .fui-dismiss-box.fui-flushed { margin: 0 -30px; padding: 20px 30px; } } .sui-2-12-13 .sui-wrap .sui-modal .fui-addons-option { margin-bottom: 20px; } .sui-2-12-13 .sui-wrap .sui-modal .fui-addons-option:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-modal .sui-modal-content>.sui-select { z-index: 1; } .sui-2-12-13 .sui-wrap .sui-modal .sui-modal-content>.sui-select .select2-results__option.select2-results__option--group { display: block !important; } .sui-2-12-13 .sui-wrap .sui-modal .sui-modal-content .sui-upload .sui-upload-file span { word-break: break-all; } .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close { color: #fff; } .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:before { color: inherit; } .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:focus, .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:hover, .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:active { opacity: .7; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-body { padding-bottom: 40px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-body { padding-bottom: 60px; } } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close { z-index: 2; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:before { color: #fff; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:focus, .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:hover, .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:active { opacity: .7; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-box-title[sui-content-size="380"], .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-description[sui-content-size="380"], .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .fui-table--apps tbody tr.fui-app--promote .fui-app--content [sui-content-size="380"].fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-header [sui-content-size="380"].fui-app--description { max-width: 380px; margin-right: auto; margin-left: auto; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-box-title { text-overflow: unset; white-space: normal; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] { display: block; margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li { display: block; position: relative; padding: 0 0 0 17px; border: 0; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description, .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description { margin: 0 0 5px; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description strong, .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description strong { color: #666; font-weight: 500; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description strong[sui-color=darkgray], .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong[sui-color=darkgray], .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description strong[sui-color=darkgray] { color: #333; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description:last-child, .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li:before { content: " "; width: 7px; height: 7px; display: block; position: absolute; top: 8px; left: 0; border-radius: 7px; background-color: #333; } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li { margin: 0 0 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li { margin: 0 0 30px; } } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body[sui-spacing-bottom="0"] { padding-bottom: 0 !important; } .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-footer { padding-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-footer[sui-space-bottom="60"] { padding-bottom: 60px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-notice.fui-notice-rate:not(.fui-unbranded) { background-image: image-set(url(../css/../assets/images/forminator-prompt.png) 1x, url(../css/../assets/images/forminator-prompt@2x.png) 2x); background-repeat: no-repeat; padding-right: 164px; background-position: right 20px bottom -10px; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-notice.fui-notice-rate:not(.fui-unbranded) { background-position: right 20px top 5px; } } body.forminator_page_forminator-upgrade #wpbody-content .update-nag+.sui-wrap, body.forminator_page_forminator-upgrade #wpbody-content .update-nag:empty+.sui-wrap { margin-top: 60px; } .sui-2-12-13 .sui-wrap .fui-rich-textarea>:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap .fui-rich-textarea>:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .fui-rich-textarea ul { margin-left: 2em; list-style: disc; } .sui-2-12-13 .sui-wrap .fui-rich-textarea ul li ul { list-style: circle; } .sui-2-12-13 .sui-wrap .fui-textarea { white-space: pre-line; } .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field { margin: 0 5px !important; } .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field.fui-field-full { min-width: 1px; flex: 1; } .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field:first-child { margin-left: 0 !important; } .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field:last-child { margin-right: 0 !important; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col:not(:last-child) { margin-right: 20px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-field--row .fui-form-field--col { min-width: 1px; flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-field--row:not(:first-child) { margin-top: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-field--row:not(:last-child) { margin-bottom: 30px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-form-field--row { display: flex; flex-direction: row; align-items: flex-end; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-form-field-inline.forminator-fields-line-2x { display: inline-flex; } .sui-2-12-13 .sui-wrap .sui-form-field-inline.forminator-fields-line-2x:first-child { margin-right: 20px; } } .sui-2-12-13 .sui-wrap .fui-datepicker-tags { position: relative; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags>.sui-input { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; bottom: 0; left: 0; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin: -5px; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search { margin: 5px; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline { min-width: 100px; flex: 1; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { height: 24px; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search:not(.select2-search--inline) { flex: 0 0 100%; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker { position: relative; top: 0 !important; left: 0 !important; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:before, .sui-2-12-13 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:after { content: " "; display: table; } .sui-2-12-13 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:after { clear: both; } .sui-2-12-13 .sui-wrap ul.sui-list-pro { margin: 0 0 30px; } .sui-2-12-13 .sui-wrap ul.sui-list-pro, .sui-2-12-13 .sui-wrap ul.sui-list-pro li { padding: 0; border: 0; } .sui-2-12-13 .sui-wrap ul.sui-list-pro li { margin: 0 0 20px; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap ul.sui-list-pro li [class=sui-icon-] { width: 20px; height: 20px; vertical-align: top; margin-right: 10px; } .sui-2-12-13 .sui-wrap ul.sui-list-pro li [class=sui-icon-]:before { display: block; color: #8d00b1; text-align: center; } .sui-2-12-13 .sui-wrap ul.sui-list-pro li:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap ul.sui-list-pro:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .sui-notice#fui-notice-pro-fields.sui-notice-top { width: auto !important; max-width: unset !important; position: relative !important; z-index: 1 !important; top: auto !important; left: auto !important; margin-top: 15px; margin-left: -5px !important; margin-right: -5px !important; transform: none !important; box-shadow: none !important; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-notice#fui-notice-pro-fields.sui-notice-top { margin-top: 25px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap .wpmudev-recommended-plugins { display: none !important; } } .sui-2-12-13.sui-elements-accessible .notice, .sui-2-12-13.sui-elements-accessible .sui-notice { border-left-color: #000; } .sui-2-12-13.sui-elements-accessible .notice p, .sui-2-12-13.sui-elements-accessible .sui-notice p { color: #000 !important; } .sui-2-12-13.sui-elements-accessible .notice a, .sui-2-12-13.sui-elements-accessible .sui-notice a { color: #555; } .sui-2-12-13.sui-elements-accessible .notice a.button, .sui-2-12-13.sui-elements-accessible .notice [class^=button-], .sui-2-12-13.sui-elements-accessible .notice button, .sui-2-12-13.sui-elements-accessible .sui-notice a.button, .sui-2-12-13.sui-elements-accessible .sui-notice [class^=button-], .sui-2-12-13.sui-elements-accessible .sui-notice button { background-color: #000; border-color: #000; color: #fff; } .sui-2-12-13.sui-elements-accessible .notice .notice-dismiss, .sui-2-12-13.sui-elements-accessible .sui-notice .notice-dismiss { background: rgba(0,0,0,0); } .sui-2-12-13.sui-elements-accessible .notice .notice-dismiss::before, .sui-2-12-13.sui-elements-accessible .sui-notice .notice-dismiss::before { color: #000; } .sui-2-12-13 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs { margin-top: 0; } .sui-2-12-13 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab { padding: 0; } .sui-2-12-13 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab a { padding: 5px 15px; border-radius: 20px; } .sui-2-12-13 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab a.current { background-color: #e6e6e6; color: #333; } .sui-2-12-13 .sui-wrap .sui-sidenav .sui-mobile-nav { max-width: none; } @media (max-width: 1199px) { .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav { margin-bottom: 20px; } } .sui-2-12-13 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab a>.sui-tag { position: relative; top: -3px; right: auto; display: inline-block; font-size: 8px; line-height: 8px; min-height: 12px; } @media (min-width: 783px) { .sui-2-12-13>.sui-select.sui-select-dropdown-container--open { z-index: 100; } } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings { display: block; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title { display: flex; justify-content: space-between; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-header-title { min-width: 20px; flex: 1; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-actions-right { flex: 0 0 auto; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-actions-right { display: none; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title { flex: 0 0 auto; padding-right: 10px; } } @media (min-width: 1200px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title { min-width: 220px; padding-right: 30px; } } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings { display: block; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left { display: flex; align-items: flex-start; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-form-field { min-width: 100px; flex: 1; margin-right: 10px; margin-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-form-field { min-width: 240px; flex: 0 0 auto; } } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown, .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-button-icon[data-tooltip] { flex: 0 0 auto; margin: 5px 5px 5px 0; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown:last-child, .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-button-icon[data-tooltip]:last-child { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown ul { z-index: 13; } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-tooltip:before, .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-tooltip:after { z-index: 13; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left { flex: 1; margin-left: 0; } } .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-right { display: none; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-right { display: block; margin-left: 10px; padding: 5px 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings { min-width: 300px; display: flex; align-items: flex-start; flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .sui-header.fui-header-with-settings { display: flex; align-items: flex-start; } } .sui-2-12-13 [class=forminator-icon-]:before, .sui-2-12-13 [class=forminator-icon-]:after { font-family: "forminator-plugin-icons" !important; speak: none; font-size: 1em; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-rendering: auto; display: inline-block; color: #888; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (-ms-high-contrast: none) { .sui-2-12-13 [class=forminator-icon-]:before, .sui-2-12-13 [class=forminator-icon-]:after { color: #888; } } @media all and (-ms-high-contrast: active) { .sui-2-12-13 [class=forminator-icon-]:before, .sui-2-12-13 [class=forminator-icon-]:after { color: #ddd; } } @font-face { font-family: "forminator-plugin-icons"; src: url(../css/../assets/fonts/forminator-plugin-icons.eot); src: url(../css/../assets/fonts/forminator-plugin-icons.eot) format("embedded-opentype"),url(../css/../assets/fonts/forminator-plugin-icons.ttf) format("truetype"),url(../css/../assets/fonts/forminator-plugin-icons.woff) format("woff"),url(../css/../assets/fonts/forminator-plugin-icons.woff2) format("woff2"),url(../css/../assets/fonts/forminator-plugin-icons.svg) format("svg"); font-weight: normal; font-style: normal; } .sui-2-12-13 [class=forminator-icon-] { display: inline-block; } .sui-2-12-13 .forminator-icon-group:before { content: ""; } .sui-2-12-13 .forminator-icon-currency:before { content: ""; } .sui-2-12-13 .forminator-icon-pagination:before { content: ""; } .sui-2-12-13 .forminator-icon-paypal:before { content: ""; } .sui-2-12-13 .forminator-icon-stripe:before { content: ""; } .sui-2-12-13 .forminator-icon-conversion:before { content: ""; } .sui-2-12-13 .forminator-icon-bounce:before { content: ""; } .sui-2-12-13 .forminator-icon-payment:before { content: ""; } .sui-2-12-13 .sui-wrap .sui-toggle.fui-highlighted-toggle { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: 19px 10px; background-color: #f8f8f8; } .sui-2-12-13 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-slider { position: relative; flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-slider+.sui-toggle-label { margin-left: 10px; } .sui-2-12-13 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-label { min-width: 1px; flex: 0 1 auto; font-size: 13px; } .sui-2-12-13 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider { cursor: not-allowed; opacity: .5; background-color: #ddd; } .sui-2-12-13 .sui-wrap div.sui-form-field label[for=forminator-field-akismet-protection-behavior] { margin-bottom: 10px; } .sui-2-12-13 .sui-wrap .fui-recipient { display: flex; flex-direction: row; align-items: center; margin: 0; padding: 14px 29px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fff; } .sui-2-12-13 .sui-wrap .fui-recipient>[class=sui-icon] { display: block; flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .fui-recipient>[class=sui-icon]:before { display: block; color: #333; } .sui-2-12-13 .sui-wrap .fui-recipient>[class=sui-icon]+p { margin-left: 10px !important; } .sui-2-12-13 .sui-wrap .fui-recipient p { min-width: 1px; overflow: hidden; flex: 1; margin: 0 !important; padding: 0; border: 0; color: #333; font: 500 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; white-space: nowrap; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .fui-recipient p+.sui-tooltip { margin-left: 0; } .sui-2-12-13 .sui-wrap .fui-recipient .sui-tooltip { flex: 0 0 auto; margin-right: -4px; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul { width: auto; min-width: 180px; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li a [class=sui-icon-], .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li button [class=sui-icon-] { margin-right: 0; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li a.sui-tooltip.sui-tooltip-left:after, .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li button.sui-tooltip.sui-tooltip-left:after { width: 174px; white-space: normal; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag [class=sui-icon-] { display: block; flex: 0 0 auto; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .fui-button-label { min-width: 1px; overflow: hidden; display: block; flex: 1; white-space: nowrap; text-overflow: ellipsis; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .sui-tag { pointer-events: none; display: block; margin-left: 5px; } .sui-2-12-13 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .sui-tag.sui-tag-sm { height: 12px; min-height: auto; display: block; padding: 1px 6px 4px; font-size: 8px; line-height: 1; text-transform: uppercase; } .sui-2-12-13 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-menu { width: 40%; float: left; } .sui-2-12-13 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-content { width: 60%; display: inline-block; } .sui-2-12-13 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-content .sui-tab-content { margin: 0; } .sui-2-12-13 .sui-wrap #forminator-builder-fields [id^=field-group-] { width: calc(100% - 20px); } .sui-2-12-13 .sui-wrap #forminator-builder-fields [id^=field-group-] .fui-builder-fields { width: calc(100% - 20px); } .sui-2-12-13 .sui-wrap #forminator-builder-fields [data-field=group] { flex-wrap: wrap; } .sui-2-12-13 .sui-wrap #forminator-builder-fields [data-field=group] .fui-builder-fields { flex-basis: 100%; padding: 10px; margin: 0 20px 20px; } .sui-2-12-13 .sui-wrap .fui-drop-view { position: fixed; z-index: 999; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle { margin: 0 0 5px; color: #333; line-height: 30px; font-family: "Roboto",Arial,sans-serif; font-weight: bold; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title+.sui-notice, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.sui-notice { margin-top: 10px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.fui-entries-table { margin-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.fui-entries-table { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-title { font-size: 22px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle { font-size: 18px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .sui-description:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .sui-description+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description+.fui-entries-table { margin-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .sui-description+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.fui-entries-table, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description+.fui-entries-table { margin-top: 30px; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block { padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block:first-child { padding-top: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block:first-child { padding-top: 0; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block:last-child { padding-bottom: 0; border-bottom: 0; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block:last-child { padding-bottom: 0; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-block { padding: 30px 0; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table { width: 100% !important; border-spacing: 0 !important; border-width: 0 !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td { height: 40px; padding: 10px !important; border-bottom: 1px solid #e6e6e6 !important; font-size: 13px; line-height: 22px; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:first-child { border-left: 1px solid #e6e6e6 !important; padding-left: 19px !important; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:first-child { padding-left: 29px !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:last-child { border-right: 1px solid #e6e6e6 !important; padding-right: 19px !important; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:last-child { padding-right: 29px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td { height: 60px; padding: 10px 15px !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th { border-top: 1px solid #e6e6e6 !important; color: #333; font-weight: bold; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child { border-top-left-radius: 4px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child { border-top-right-radius: 4px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td { color: #888; font-weight: 500; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td strong { color: #333; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr:last-child>td:first-child { border-bottom-left-radius: 4px !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr:last-child>td:last-child { border-bottom-right-radius: 4px !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td { padding: 20px 0 0 !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend { display: block; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p { display: block; position: relative; margin: 0 0 10px; padding: 5px 16px 5px 30px; border: 0; border-radius: 4px; background-color: #f8f8f8; color: #666; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p:before { content: " "; width: 8px; height: 8px; position: absolute; top: 9px; left: 16px; border-radius: 10px; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p.correct:before { background-color: #1abc9c; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p.incorrect:before { background-color: #ff6d6d; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p { min-width: 1px; flex: 0 1 auto; margin: 0 5px; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td { padding-top: 30px !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td { height: auto; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th:first-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td:first-child { padding-left: 19px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th:last-child, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td:last-child { padding-right: 19px !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th, .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td { height: auto; padding: 10px !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost] { width: 100%; table-layout: fixed; border-spacing: 0 !important; border-collapse: collapse !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr { height: auto; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td { vertical-align: top; border-bottom-width: 0 !important; padding: 5px 10px !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:first-child { width: 40%; border-left-width: 0 !important; padding-left: 0 !important; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:first-child { width: 160px; padding-left: 0 !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child { border-right-width: 0 !important; padding-right: 0 !important; font-weight: normal; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child strong { color: #888; font-weight: 500; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child { padding-right: 0 !important; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td { height: auto; padding: 5px 10px !important; } } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr:first-child>td { padding-top: 0 !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr:last-child>td { padding-bottom: 0 !important; } .sui-2-12-13 .sui-wrap .fui-entries--knowledge .sui-notice p:last-child { margin-bottom: 0; } .sui-2-12-13 .notice+.sui-wrap .sui-upgrade-page, .sui-2-12-13 .notice+script+.sui-wrap .sui-upgrade-page, .sui-2-12-13 .sui-subscription-notice+.sui-wrap .sui-upgrade-page, .sui-2-12-13 .sui-subscription-notice+script+.sui-wrap .sui-upgrade-page { margin-top: 0; } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe thead tr th:nth-child(2n+1) { width: 0; overflow: hidden; visibility: hidden; white-space: nowrap; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe thead tr th:nth-child(2n+2) { padding-top: 19px; padding-bottom: 19px; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe thead tr th:nth-child(5n+2) { border-left: 1px solid #e6e6e6; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe thead tr th:nth-child(5n+4) { border-right: 1px solid #e6e6e6; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe thead tr th { display: table-cell; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(2n+1) { width: 0; overflow: hidden; visibility: hidden; white-space: nowrap; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(5n+2) { border-left: 1px solid #e6e6e6; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(5n+4) { border-right: 1px solid #e6e6e6; } } .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2) { position: relative; } .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before { content: "ı"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before { content: " "; display: none; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item td { display: table-cell; } } .sui-2-12-13 #fui-table-stripe tbody tr.sui-accordion-item.sui-accordion-item--open td:nth-last-child(2):before { transform: translateY(-50%) rotate(180deg); } .sui-2-12-13 #fui-table-stripe .fui-stripe-row { display: block; } .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col { display: block; margin: 0 0 30px; } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col:nth-child(5n+2) { width: 42.8571%; } } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col:nth-child(10n+9):last-child { width: 28.5714%; } } .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col .col-label { margin: 0; color: #333; font-size: 13px; font-weight: 500; line-height: 22px; } .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col .col-label+.col-value { margin: 5px 0 0; } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col .col-label+.col-value { margin: 10px 0 0; } } .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col .col-value { margin: 0; color: #888; font-size: 13px; line-height: 22px; } .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col:last-child { margin: 0; } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe .fui-stripe-row .fui-col { width: 14.2857%; flex: 0 0 auto; margin: 0; padding: 20px 15px; } } @media (min-width: 783px) { .sui-2-12-13 #fui-table-stripe .fui-stripe-row { display: flex; flex-flow: row wrap; margin: -20px -15px; } } .sui-2-12-13 #fui-table-group thead tr th { padding-top: 5px; padding-bottom: 5px; } @media (max-width: 782px) { .sui-2-12-13 #fui-table-group thead tr th { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 782px) { .sui-2-12-13 #fui-table-group tbody tr.sui-accordion-item td { padding-top: 20px !important; padding-bottom: 20px !important; } } .sui-2-12-13 #forminator-addons .sui-tabs-menu { border-top: 0; padding: 0 20px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 0 0 #e6e6e6; } .sui-2-12-13 #forminator-addons .sui-tabs-menu .sui-tab-item { padding-top: 24px; padding-bottom: 22px; font-size: 12px; } .sui-2-12-13 #forminator-addons .sui-tabs-menu .sui-tab-item .sui-tag { margin-left: 4px; } .sui-2-12-13 #forminator-addons .sui-tabs-menu .sui-tab-search { cursor: default; margin-right: 0; margin-left: auto; } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-menu { padding: 0 30px; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card { overflow: hidden; display: block; border-radius: 4px; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body { padding: 30px; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left .forminator-addon-card--thumb { width: 60px; height: 60px; display: block; border-radius: 4px; background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left+.forminator-addon-card--body-right { margin-top: 10px; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left+.forminator-addon-card--body-right { margin-left: 20px; } } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left { width: 60px; margin: 0 auto; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left { flex: 0 0 auto; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title { margin: 0 0 10px; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3 { margin: 0; color: #333; font-size: 15px; line-height: 22px; } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3+.forminator-addon-card--tags { margin-top: 10px; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3+.forminator-addon-card--tags { margin-left: 8px; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags { display: flex; flex-flow: row wrap; align-items: center; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags .sui-tag { display: block; flex: 0 0 auto; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags .sui-tag+.sui-tag { margin-left: 10px; } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags { justify-content: center; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags { min-width: 0; flex: 1; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 5px; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .sui-description, .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description, .sui-2-12-13 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .fui-app--description { margin: 0; } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right { text-align: center; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right { min-width: 1px; flex: 1; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body { display: flex; flex-flow: row wrap; align-items: flex-start; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 10px 20px; border-top: 1px solid #e6e6e6; background-color: #f8f8f8; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link { cursor: pointer; margin: 0; padding: 0; border: 0; background-color: rgba(0,0,0,0); color: #17a8e3; font: 500 13px/22px "Roboto",Arial,sans-serif; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link:hover, .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link:focus { color: #1286b5; outline: none; box-shadow: none; } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-desktop { display: none; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-desktop { display: block; } } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile [class=sui-icon-] { margin-right: 0; margin-left: 0; } } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile { display: block; } } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile { display: none; } } @media (max-width: 1199px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound { min-width: 44px; padding-right: 5px; padding-left: 5px; } } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left { flex: 0 0 auto; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left+.forminator-addon-card--footer-right { margin-left: 20px; } .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-right { min-width: 1px; flex: 1; text-align: right; } @media (min-width: 1200px) { .sui-2-12-13 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer { padding: 15px 30px; } } .sui-2-12-13 #forminator-reports .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag { padding-bottom: 1px; } .sui-2-12-13 #forminator-reports .sui-box__onload .sui-box__message { opacity: 1; visibility: visible; z-index: 1; pointer-events: all; } .sui-2-12-13 #forminator-reports .sui-box__message { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5px 20px; background-color: rgba(255,255,255,.7); text-align: center; opacity: 0; visibility: hidden; transition: .25s ease; pointer-events: none; } .sui-2-12-13 #forminator-reports .sui-box__message p { color: #888; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 #forminator-reports .sui-box__message p [class=sui-icon-] { vertical-align: text-bottom; margin-right: 8px; font-size: 16px; } .sui-2-12-13 #forminator-reports .sui-box__message p [class=sui-icon-]:before { display: block; color: #888; } .sui-2-12-13 #forminator-reports .sui-box-header a [class=sui-icon-]:before { color: inherit; } .sui-2-12-13 #forminator-reports .sui-box-footer { padding: 15px 30px; } .sui-2-12-13 #forminator-reports .sui-box-footer strong { color: #999; } .sui-2-12-13 #forminator-reports .sui-box-footer p { font-weight: 700; } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports button.view-reports { width: 100%; margin-right: 0; } } .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field { display: flex; } .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field label { margin-bottom: 0; margin-right: 10px; } .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon input { font-size: 12px; height: 30px; padding: 7px 12px 7px 29px; min-width: 220px; } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon input { min-width: 100%; min-height: 100%; } } .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon [class=sui-icon-] { width: 12px; height: 12px; top: 8px; left: 12px; } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon { flex: 1; } } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field { margin-top: 10px; } } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports .fui-entries-bar .sui-actions-right { display: block; width: 100%; } } .sui-2-12-13 #forminator-reports .sui-flushed { margin-top: -20px; } .sui-2-12-13 #forminator-reports .sui-flushed .sui-table td { padding-top: 20px; padding-bottom: 20px; } .sui-2-12-13 #forminator-reports .sui-flushed .sui-table .fui-table-title { font-weight: 700; font-size: 12px; line-height: 22px; color: #999; letter-spacing: normal; text-transform: uppercase; } .sui-2-12-13 #forminator-reports .sui-flushed .sui-table .fui-table-content { display: flex; align-items: center; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: -0.25px; color: #333; margin-top: 5px; } .sui-2-12-13 #forminator-reports .sui-table-item-title .fui-app--wrapper { color: #999; } .sui-2-12-13 #forminator-reports .forminator-reports-box .sui-box .sui-box-title [class=sui-icon-] { color: #888; } .sui-2-12-13 #forminator-reports .forminator-notifications .notification-action { margin-top: 30px; } .sui-2-12-13 #forminator-reports .forminator-notifications .forminator-default { box-shadow: inset 3px 0 0 #888; } .sui-2-12-13 #forminator-reports .forminator-notifications .sui-checkbox { margin-right: 10px; } .sui-2-12-13 #forminator-reports .forminator-notifications .sui-notice { margin-top: 30px; } .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table th .sui-checkbox input+span+span { font-size: 13px; font-weight: bold; color: #333; } @media (max-width: 782px) { .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table th, .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table td { display: none; } .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table th:first-child, .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table th:last-child, .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table td:first-child, .sui-2-12-13 #forminator-reports .forminator-notifications .sui-table td:last-child { display: table-cell; } } .sui-2-12-13 #forminator-reports .forminator-notifications .subscriber-wrapper { display: flex; align-items: center; line-height: 1; font-weight: 500; color: #888; } .sui-2-12-13 #forminator-reports .forminator-notifications .subscriber { margin-right: 5px; } .sui-2-12-13 #forminator-reports .forminator-notifications .subscriber img { width: 30px; height: 30px; border-radius: 50%; } .sui-2-12-13 #forminator-reports .forminator-notifications .report-name-wrapper { display: flex; align-items: center; } .sui-2-12-13 #forminator-reports .forminator-notifications .report-name-wrapper>div { width: 100%; } .sui-2-12-13 #forminator-reports .forminator-notifications .report-name-wrapper .report-name { color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 15px; } .sui-2-12-13 #forminator-reports .forminator-notifications .report-name-wrapper .sui-tag.sui-tag-sm { font-size: 9px; line-height: 8px; min-height: 12px; padding: 0px 4px; } .sui-2-12-13 #forminator-reports .forminator-notifications .schedule { display: flex; align-items: center; justify-content: space-between; } .sui-2-12-13 #forminator-reports .forminator-notifications .schedule .schedule-date { flex: 1; font-weight: 500; font-size: 13px; line-height: 22px; letter-spacing: -0.25px; color: #888; } .sui-2-12-13 #forminator-reports .forminator-notifications .schedule .sui-toggle { width: 35px; height: 22px; margin-right: 10px; } .sui-2-12-13 .daterangepicker.show-ranges .ranges { margin-bottom: 20px; } .sui-2-12-13 #report-tab-settings-content .sui-accordion { margin-top: 30px; margin-bottom: -30px; } @media (max-width: 782px) { .sui-2-12-13 #report-tab-settings-content .sui-accordion { margin-top: 20px; margin-bottom: -20px; } } .sui-2-12-13 .report-button-with-toggle { display: flex; align-items: center; } .sui-2-12-13 .report-button-with-toggle .sui-toggle { margin-right: 30px; } .sui-2-12-13 .report-button-with-toggle .sui-toggle .sui-toggle-slider { left: auto; right: 0; } .sui-2-12-13 .report-button-with-toggle .sui-toggle .sui-toggle-slider~.sui-toggle-label { margin-left: 0; margin-right: 44px; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item { box-shadow: 0 2px 7px 0 rgba(0,0,0,.05); } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header { min-height: auto; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title { font-size: 13px; line-height: 22px; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions { width: 20px; height: 20px; margin-right: -39px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,.06); text-align: center; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions [class=sui-icon-] { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #fecf2f; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions [class=sui-icon-]:before { display: block; color: inherit; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body { padding-right: 0; padding-bottom: 0; padding-left: 0; border-top: 1px solid #e6e6e6; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu { padding: 0 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu { padding: 0 30px; } } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 30px; } } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan { display: flex; flex-flow: row wrap; align-items: center; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-form-control, .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-multi-checkbox { width: auto; flex: 1 1 auto; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-field-suffix { flex: 0 0 auto; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-error-message { flex: 0 0 100%; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item:not(:last-child) { margin: 0 0 15px; } .sui-2-12-13 .sui-wrap #fui-stripe-plans .sui-accordion-item.validation-error { box-shadow: 0 2px 7px 0 rgba(0,0,0,.05),0 2px 0 0 #ff6d6d; } .sui-2-12-13 .sui-wrap #forminator-modal-body--address>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-accordion-flushed { margin-top: -20px; margin-bottom: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-modal-body--address>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-accordion-flushed { margin-top: -30px; margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content .fui-modal-accordion { margin-bottom: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content .fui-modal-accordion { margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row p:last-of-type { margin-bottom: 20px; } .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row p:last-of-type:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row .sui-form-field.fui-reduce-spacing { margin-top: 0; margin-bottom: 20px; } .sui-2-12-13 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row .sui-form-field.fui-reduce-spacing:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap #forminator-modal-body--password .sui-accordion-flushed { margin-bottom: -20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap #forminator-modal-body--password .sui-accordion-flushed { margin-bottom: -30px; } } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header { display: block; padding-top: 20px !important; padding-bottom: 20px !important; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .sui-dialog-close { position: absolute; top: 15px; right: 15px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image { width: 60px; height: 60px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image+.forminator-details-header--data { margin-left: 20px; } } @media (max-width: 782px) { .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image { display: none; flex: 0 0 auto; } } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data { text-align: left; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title { margin: 0; color: #333; font: 700 22px/30px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title .sui-tag { vertical-align: middle; margin-top: -1px; margin-left: 6px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title+.forminator-details-header--tags { margin-top: 10px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--tags { display: flex; flex-flow: row wrap; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--tags+.sui-button { margin-top: 20px; } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data { min-width: 1px; flex: 1; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header { display: flex; flex-flow: row wrap; text-align: center; } } @media (min-width: 783px) { .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-header { padding-top: 30px !important; padding-bottom: 30px !important; } } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] h4, .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] p, .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] li { font-size: 13px; line-height: 22px; font: "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] p, .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] li { color: #888; font-weight: 400; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] h4 { margin: 20px 0 0; color: #333; font-weight: bold; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] h4:first-child { margin-top: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] p { margin: 0 0 5px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] p:last-child { margin-bottom: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] ol { margin-top: 5px; margin-left: 12px; margin-bottom: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-details-] ol li { margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-features-] ul { margin: 0; padding: 0; border: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-features-] ul li { position: relative; margin: 0; padding: 10px 0 10px 22px; border: 0; color: #333; font: bold 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-features-] ul li [class=sui-icon-] { position: absolute; top: 15px; left: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-features-] ul li [class=sui-icon-]:before { display: block; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog { margin: 30px 0 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header { display: flex; flex-direction: row wrap; align-items: center; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header h4 { display: flex; flex: 0 0 auto; flex-direction: row wrap; align-items: center; margin: 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header h4+p { margin-left: 10px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header p { flex: 1; margin: 0; color: #333; font-weight: 500; font-size: 13px; line-height: 22px; letter-spacing: -0.25px; text-align: right; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--body { margin: 15px 0 0; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--body p { color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-12-13 .sui-wrap [id=forminator-modal-addons-details-] .sui-box .sui-box-body [id=tab-content-changelog-] .forminator-addon-changelog:first-child { margin-top: 0; } /# sourceMappingURL=shared-ui.min.css.map*/