%PDF- %PDF-
Direktori : /var/www/html/itworks/wp-content/plugins/wp-smushit/app/assets/css/ |
Current File : /var/www/html/itworks/wp-content/plugins/wp-smushit/app/assets/css/smush-admin.min.css |
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700|Roboto:400,500,700); .sui-screen-reader-text, .sui-2-3-16 .sui-wrap .sui-toggle input[type="checkbox"], .sui-2-3-16 .sui-wrap .sui-multi-checkbox label input, .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__rendered, .sui-2-3-16 .sui-wrap .sui-radio input, .sui-2-3-16 .sui-wrap .sui-checkbox input, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>* input, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item input, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>* input, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item input { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .sui-2-3-16 .sui-wrap .sui-fade-in { animation: fadeIn 0.3s ease-in forwards; } .sui-2-3-16 .sui-wrap .sui-fade-out { animation: fadeOut 0.3s ease-in forwards; } .sui-2-3-16 .sui-wrap .sui-bounce-in { animation: bounceInJiggle 0.8s ease-in forwards; } .sui-2-3-16 .sui-wrap .sui-bounce-out { animation: bounceOutJiggle 0.6s ease-out forwards; } @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 { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sui-2-3-16 .sui-wrap { font-family: "Roboto",Arial,sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; color: #666; letter-spacing: -.25px; margin: 30px 30px 0 10px; } .sui-2-3-16 .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,0.01) 0 0 1px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap { margin: 20px 10px 0 0px; } } .sui-2-3-16 .sui-wrap h1, .sui-2-3-16 .sui-wrap h2, .sui-2-3-16 .sui-wrap h3, .sui-2-3-16 .sui-wrap h4, .sui-2-3-16 .sui-wrap h5, .sui-2-3-16 .sui-wrap h6 { display: block; margin: 0.5em auto; padding: 0; line-height: 30px; color: #333; font-weight: 700; font-family: "Roboto Condensed","Roboto",Arial,sans-serif; } .sui-2-3-16 .sui-wrap h1 { font-size: 32px; line-height: 40px; color: #333; margin: 0; } .sui-2-3-16 .sui-wrap h2 { font-size: 22px; line-height: 35px; } .sui-2-3-16 .sui-wrap h3 { font-size: 18px; line-height: 40px; } .sui-2-3-16 .sui-wrap h4 { font-size: 15px; } .sui-2-3-16 .sui-wrap h5 { font-size: 15px; } .sui-2-3-16 .sui-wrap h6 { font-size: 15px; } .sui-2-3-16 .sui-wrap p { font-family: "Roboto",Arial,sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; color: #666; letter-spacing: -.25px; text-rendering: optimizeLegibility; } .sui-2-3-16 .sui-wrap p.sui-p-small { font-size: 13px; line-height: 22px; color: #888; } .sui-2-3-16 .sui-wrap p:first-child { margin-top: 0; } .sui-2-3-16 .sui-wrap p:last-of-type:not(:last-child) { margin-bottom: 30px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap p:last-of-type:not(:last-child) { margin-bottom: 20px; } } .sui-2-3-16 .sui-wrap p:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-wrap small { font-size: 13px; line-height: 22px; color: #888; } .sui-2-3-16 .sui-wrap a { text-decoration: none; color: #17A8E3; font-weight: 500; outline-color: transparent; outline-style: none; box-shadow: none; } .sui-2-3-16 .sui-wrap a:hover:not(.sui-button), .sui-2-3-16 .sui-wrap a:focus:not(.sui-button), .sui-2-3-16 .sui-wrap a:active:not(.sui-button) { color: #1286b5; } .sui-2-3-16 .sui-wrap a.disabled { pointer-events: none; } .sui-2-3-16 .sui-wrap a.disabled:hover, .sui-2-3-16 .sui-wrap a.disabled:focus, .sui-2-3-16 .sui-wrap a.disabled:active { color: #888; cursor: default; } .sui-2-3-16 .sui-wrap code, .sui-2-3-16 .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; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } .sui-2-3-16 .sui-wrap code { display: inline-block; padding: 2px 5px; } .sui-2-3-16 .sui-wrap b, .sui-2-3-16 .sui-wrap strong { font-weight: 500; } .sui-2-3-16 .sui-wrap dfn { font-style: normal; font-weight: normal; border-bottom: 1px dotted #888; } .sui-2-3-16 .sui-wrap hr { border: none; display: block; height: 1px; background: #e6e6e6; margin: 30px 0; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap [class*="sui-icon-"]:after, .sui-2-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before, .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before, .sui-2-3-16 .sui-wrap .sui-checkbox input+span:before, .sui-2-3-16 .sui-dialog .sui-dialog-close:before, .sui-2-3-16 .sui-dialog .sui-dialog-back:before, .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before, .sui-2-3-16 .sui-wrap .smush-pro-features .smush-pro-feature-title:before, .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:before, .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:hover:before, .sui-2-3-16 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before, .sui-2-3-16 ul.fancytree-container span.fancytree-checkbox:before { 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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'wpmudev-plugin-icons'; src: url(../fonts/wpmudev-plugin-icons.eot); src: url(../fonts/wpmudev-plugin-icons.eot) format("embedded-opentype"),url(../fonts/wpmudev-plugin-icons.ttf) format("truetype"),url(../fonts/wpmudev-plugin-icons.woff) format("woff"),url(../fonts/wpmudev-plugin-icons.woff2) format("woff2"),url(../fonts/wpmudev-plugin-icons.svg) format("svg"); font-weight: normal; font-style: normal; } .sui-2-3-16 .sui-wrap .sui-loading:before { animation: spin 1.3s linear infinite; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"] { display: inline-block; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-xl:before { font-size: 30px; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-lg:before { font-size: 20px; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-md:before { font-size: 16px; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-sm:before { font-size: 12px; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-success:before { color: inherit; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-error:before { color: inherit; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-warning:before { color: inherit; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-info:before { color: inherit; } .sui-2-3-16 .sui-wrap [class*="sui-icon-"].sui-fw { width: 1.8em; text-align: center; min-height: 1em; } .sui-2-3-16 .sui-wrap .sui-icon-check:before { content: "Ω"; } .sui-2-3-16 .sui-wrap .sui-icon-close:before { content: ")"; } .sui-2-3-16 .sui-wrap .sui-icon-check-tick:before { content: "_"; } .sui-2-3-16 .sui-wrap .sui-icon-cross-close:before { content: "+"; } .sui-2-3-16 .sui-wrap .sui-icon-plus-circle:before { content: "@"; } .sui-2-3-16 .sui-wrap .sui-icon-warning-alert:before { content: "!"; } .sui-2-3-16 .sui-wrap .sui-icon-info:before { content: "I"; } .sui-2-3-16 .sui-wrap .sui-icon-question:before { content: "?"; } .sui-2-3-16 .sui-wrap .sui-icon-trash:before { content: "Q"; } .sui-2-3-16 .sui-wrap .sui-icon-pencil:before { content: "/"; } .sui-2-3-16 .sui-wrap .sui-icon-unlock:before { content: "0"; } .sui-2-3-16 .sui-wrap .sui-icon-lock:before { content: "9"; } .sui-2-3-16 .sui-wrap .sui-icon-key:before { content: "◊"; } .sui-2-3-16 .sui-wrap .sui-icon-plus:before { content: "="; } .sui-2-3-16 .sui-wrap .sui-icon-magnifying-glass-search:before { content: "º"; } .sui-2-3-16 .sui-wrap .sui-icon-more:before { content: "…"; } .sui-2-3-16 .sui-wrap .sui-icon-wrench-tool:before { content: "⁄"; } .sui-2-3-16 .sui-wrap .sui-icon-widget-settings-config:before { content: "x"; } .sui-2-3-16 .sui-wrap .sui-icon-settings-slider-control:before { content: "œ"; } .sui-2-3-16 .sui-wrap .sui-icon-loader:before { content: "N"; } .sui-2-3-16 .sui-wrap .sui-icon-calendar:before { content: "∏"; } .sui-2-3-16 .sui-wrap .sui-icon-clock:before { content: ","; } .sui-2-3-16 .sui-wrap .sui-icon-speed-optimize:before { content: "ø"; } .sui-2-3-16 .sui-wrap .sui-icon-stopwatch:before { content: "V"; } .sui-2-3-16 .sui-wrap .sui-icon-filter:before { content: "z"; } .sui-2-3-16 .sui-wrap .sui-icon-bookmark:before { content: "√"; } .sui-2-3-16 .sui-wrap .sui-icon-chevron-up:before { content: "˝"; } .sui-2-3-16 .sui-wrap .sui-icon-chevron-right:before { content: "˜"; } .sui-2-3-16 .sui-wrap .sui-icon-chevron-down:before { content: "ı"; } .sui-2-3-16 .sui-wrap .sui-icon-chevron-left:before { content: "Ó"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-up:before { content: "Ô"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-right:before { content: "¯"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-down:before { content: "Â"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-left:before { content: ""; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-skip-back:before { content: "{"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-skip-forward:before { content: "}"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-skip-start:before { content: ":"; } .sui-2-3-16 .sui-wrap .sui-icon-arrow-skip-end:before { content: '"'; } .sui-2-3-16 .sui-wrap .sui-icon-play:before { content: "´"; } .sui-2-3-16 .sui-wrap .sui-icon-pause:before { content: "†"; } .sui-2-3-16 .sui-wrap .sui-icon-arrows-out:before { content: "˚"; } .sui-2-3-16 .sui-wrap .sui-icon-arrows-in:before { content: "≤"; } .sui-2-3-16 .sui-wrap .sui-icon-arrows-expand:before { content: "¬"; } .sui-2-3-16 .sui-wrap .sui-icon-arrows-compress:before { content: "≥"; } .sui-2-3-16 .sui-wrap .sui-icon-refresh2:before { content: "Á"; } .sui-2-3-16 .sui-wrap .sui-icon-zip:before { content: "a"; } .sui-2-3-16 .sui-wrap .sui-icon-combine:before { content: "o"; } .sui-2-3-16 .sui-wrap .sui-icon-defer:before { content: "p"; } .sui-2-3-16 .sui-wrap .sui-icon-inlinecss:before { content: "c"; } .sui-2-3-16 .sui-wrap .sui-icon-movefooter:before { content: "u"; } .sui-2-3-16 .sui-wrap .sui-icon-popup:before { content: "1"; } .sui-2-3-16 .sui-wrap .sui-icon-slide-in:before { content: "2"; } .sui-2-3-16 .sui-wrap .sui-icon-embed:before { content: "3"; } .sui-2-3-16 .sui-wrap .sui-icon-list:before { content: "`"; } .sui-2-3-16 .sui-wrap .sui-icon-layout-grid:before { content: "∞"; } .sui-2-3-16 .sui-wrap .sui-icon-layout:before { content: "©"; } .sui-2-3-16 .sui-wrap .sui-icon-thumbnails:before { content: "G"; } .sui-2-3-16 .sui-wrap .sui-icon-drag:before { content: "„"; } .sui-2-3-16 .sui-wrap .sui-icon-align-left:before { content: "%"; } .sui-2-3-16 .sui-wrap .sui-icon-align-center:before { content: "^"; } .sui-2-3-16 .sui-wrap .sui-icon-align-right:before { content: "&"; } .sui-2-3-16 .sui-wrap .sui-icon-align-justify:before { content: "#"; } .sui-2-3-16 .sui-wrap .sui-icon-indent-more:before { content: "’"; } .sui-2-3-16 .sui-wrap .sui-icon-indent-less:before { content: "”"; } .sui-2-3-16 .sui-wrap .sui-icon-blog:before { content: "Y"; } .sui-2-3-16 .sui-wrap .sui-icon-list-number:before { content: "7"; } .sui-2-3-16 .sui-wrap .sui-icon-list-bullet:before { content: "8"; } .sui-2-3-16 .sui-wrap .sui-icon-bold:before { content: "B"; } .sui-2-3-16 .sui-wrap .sui-icon-quote-2:before { content: "'"; } .sui-2-3-16 .sui-wrap .sui-icon-style-type:before { content: "<"; } .sui-2-3-16 .sui-wrap .sui-icon-wand-magic:before { content: "Z"; } .sui-2-3-16 .sui-wrap .sui-icon-link:before { content: "5"; } .sui-2-3-16 .sui-wrap .sui-icon-unlink:before { content: "6"; } .sui-2-3-16 .sui-wrap .sui-icon-paperclip:before { content: "A"; } .sui-2-3-16 .sui-wrap .sui-icon-code:before { content: ";"; } .sui-2-3-16 .sui-wrap .sui-icon-color-pick-eyedropper:before { content: "¥"; } .sui-2-3-16 .sui-wrap .sui-icon-crop:before { content: "C"; } .sui-2-3-16 .sui-wrap .sui-icon-paint-bucket:before { content: "∫"; } .sui-2-3-16 .sui-wrap .sui-icon-camera:before { content: "Ø"; } .sui-2-3-16 .sui-wrap .sui-icon-photo-picture:before { content: "D"; } .sui-2-3-16 .sui-wrap .sui-icon-animation-video:before { content: "F"; } .sui-2-3-16 .sui-wrap .sui-icon-home:before { content: "J"; } .sui-2-3-16 .sui-wrap .sui-icon-mail:before { content: "m"; } .sui-2-3-16 .sui-wrap .sui-icon-send:before { content: "“"; } .sui-2-3-16 .sui-wrap .sui-icon-phone:before { content: ">"; } .sui-2-3-16 .sui-wrap .sui-icon-pin:before { content: "Œ"; } .sui-2-3-16 .sui-wrap .sui-icon-post-pin:before { content: "ˇ"; } .sui-2-3-16 .sui-wrap .sui-icon-calculator:before { content: "¨"; } .sui-2-3-16 .sui-wrap .sui-icon-element-checkbox:before { content: "Å"; } .sui-2-3-16 .sui-wrap .sui-icon-element-radio:before { content: "Í"; } .sui-2-3-16 .sui-wrap .sui-icon-element-select:before { content: "Ï"; } .sui-2-3-16 .sui-wrap .sui-icon-element-number:before { content: "Ú"; } .sui-2-3-16 .sui-wrap .sui-icon-recaptcha:before { content: "–"; } .sui-2-3-16 .sui-wrap .sui-icon-folder:before { content: "˘"; } .sui-2-3-16 .sui-wrap .sui-icon-folder-open:before { content: "»"; } .sui-2-3-16 .sui-wrap .sui-icon-archive:before { content: "b"; } .sui-2-3-16 .sui-wrap .sui-icon-book:before { content: "∆"; } .sui-2-3-16 .sui-wrap .sui-icon-page-multiple:before { content: "ç"; } .sui-2-3-16 .sui-wrap .sui-icon-layers:before { content: "æ"; } .sui-2-3-16 .sui-wrap .sui-icon-copy:before { content: "4"; } .sui-2-3-16 .sui-wrap .sui-icon-graph-bar:before { content: "Ç"; } .sui-2-3-16 .sui-wrap .sui-icon-graph-bar-2:before { content: "˛"; } .sui-2-3-16 .sui-wrap .sui-icon-graph-line:before { content: "¡"; } .sui-2-3-16 .sui-wrap .sui-icon-tracking-disabled:before { content: "€"; } .sui-2-3-16 .sui-wrap .sui-icon-page:before { content: "Ò"; } .sui-2-3-16 .sui-wrap .sui-icon-clipboard-notes:before { content: "¿"; } .sui-2-3-16 .sui-wrap .sui-icon-page-pdf:before { content: "Æ"; } .sui-2-3-16 .sui-wrap .sui-icon-heart:before { content: "K"; } .sui-2-3-16 .sui-wrap .sui-icon-star:before { content: "S"; } .sui-2-3-16 .sui-wrap .sui-icon-plugin-2:before { content: "O"; } .sui-2-3-16 .sui-wrap .sui-icon-brush:before { content: "~"; } .sui-2-3-16 .sui-wrap .sui-icon-plug-connected:before { content: "R"; } .sui-2-3-16 .sui-wrap .sui-icon-plug-disconnected:before { content: "."; } .sui-2-3-16 .sui-wrap .sui-icon-power-on-off:before { content: "["; } .sui-2-3-16 .sui-wrap .sui-icon-target:before { content: "≠"; } .sui-2-3-16 .sui-wrap .sui-icon-upload-cloud:before { content: "¢"; } .sui-2-3-16 .sui-wrap .sui-icon-download-cloud:before { content: "£"; } .sui-2-3-16 .sui-wrap .sui-icon-cloud:before { content: "™"; } .sui-2-3-16 .sui-wrap .sui-icon-cloud-migration:before { content: "l"; } .sui-2-3-16 .sui-wrap .sui-icon-unpublish:before { content: "ˆ"; } .sui-2-3-16 .sui-wrap .sui-icon-download:before { content: "X"; } .sui-2-3-16 .sui-wrap .sui-icon-save:before { content: "ß"; } .sui-2-3-16 .sui-wrap .sui-icon-lightbulb:before { content: "L"; } .sui-2-3-16 .sui-wrap .sui-icon-sitemap:before { content: "¸"; } .sui-2-3-16 .sui-wrap .sui-icon-storage-server-data:before { content: "Î"; } .sui-2-3-16 .sui-wrap .sui-icon-user-reputation-points:before { content: "E"; } .sui-2-3-16 .sui-wrap .sui-icon-tablet-portrait:before { content: "]"; } .sui-2-3-16 .sui-wrap .sui-icon-laptop:before { content: "«"; } .sui-2-3-16 .sui-wrap .sui-icon-monitor:before { content: "$"; } .sui-2-3-16 .sui-wrap .sui-icon-eye:before { content: "e"; } .sui-2-3-16 .sui-wrap .sui-icon-eye-hide:before { content: "q"; } .sui-2-3-16 .sui-wrap .sui-icon-update:before { content: "®"; } .sui-2-3-16 .sui-wrap .sui-icon-refresh:before { content: "H"; } .sui-2-3-16 .sui-wrap .sui-icon-undo:before { content: "‰"; } .sui-2-3-16 .sui-wrap .sui-icon-web-globe-world:before { content: "W"; } .sui-2-3-16 .sui-wrap .sui-icon-flag:before { content: "|"; } .sui-2-3-16 .sui-wrap .sui-icon-academy:before { content: "π"; } .sui-2-3-16 .sui-wrap .sui-icon-profile-male:before { content: "µ"; } .sui-2-3-16 .sui-wrap .sui-icon-community-people:before { content: "‘"; } .sui-2-3-16 .sui-wrap .sui-icon-help-support:before { content: "M"; } .sui-2-3-16 .sui-wrap .sui-icon-gdpr:before { content: "∑"; } .sui-2-3-16 .sui-wrap .sui-icon-like:before { content: "j"; } .sui-2-3-16 .sui-wrap .sui-icon-dislike:before { content: "k"; } .sui-2-3-16 .sui-wrap .sui-icon-finger-point:before { content: "≈"; } .sui-2-3-16 .sui-wrap .sui-icon-open-new-window:before { content: "n"; } .sui-2-3-16 .sui-wrap .sui-icon-reply:before { content: "r"; } .sui-2-3-16 .sui-wrap .sui-icon-share:before { content: "s"; } .sui-2-3-16 .sui-wrap .sui-icon-wordpress:before { content: "w"; } .sui-2-3-16 .sui-wrap .sui-icon-social-facebook:before { content: "f"; } .sui-2-3-16 .sui-wrap .sui-icon-social-twitter:before { content: "t"; } .sui-2-3-16 .sui-wrap .sui-icon-social-linkedin:before { content: "i"; } .sui-2-3-16 .sui-wrap .sui-icon-social-dropbox:before { content: "d"; } .sui-2-3-16 .sui-wrap .sui-icon-social-drive:before { content: "v"; } .sui-2-3-16 .sui-wrap .sui-icon-social-google-plus:before { content: "g"; } .sui-2-3-16 .sui-wrap .sui-icon-social-youtube:before { content: "y"; } .sui-2-3-16 .sui-wrap .sui-icon-instagram:before { content: "-"; } .sui-2-3-16 .sui-wrap .sui-icon-cloudflare:before { content: "Ð"; } .sui-2-3-16 .sui-wrap .sui-icon-social-github:before { content: "h"; } .sui-2-3-16 .sui-wrap .sui-icon-wpmudev-logo:before { content: "‹"; } .sui-2-3-16 .sui-wrap .sui-icon-defender:before { content: "·"; } .sui-2-3-16 .sui-wrap .sui-icon-smush:before { content: "‡"; } .sui-2-3-16 .sui-wrap .sui-icon-upfront:before { content: "‚"; } .sui-2-3-16 .sui-wrap .sui-icon-hummingbird:before { content: "°"; } .sui-2-3-16 .sui-wrap .sui-icon-uptime:before { content: "±"; } .sui-2-3-16 .sui-wrap .sui-icon-smart-crawl:before { content: "∂"; } .sui-2-3-16 .sui-wrap .sui-icon-forminator:before { content: "P"; } .sui-2-3-16 .sui-wrap .sui-icon-shipper-anchor:before { content: "T"; } .sui-2-3-16 .sui-wrap .sui-icon-snapshot:before { content: "fi"; } .sui-2-3-16 .sui-wrap .sui-icon-hustle:before { content: "—"; } .sui-2-3-16 .sui-wrap .sui-icon-performance:before { content: "U"; } .sui-2-3-16 .sui-wrap .sui-icon-hub:before { content: "fl"; } .sui-2-3-16 .sui-wrap .sui-button, .sui-2-3-16 .sui-wrap .sui-button-icon, .sui-2-3-16 .sui-wrap a.sui-button, .sui-2-3-16 .sui-wrap a.sui-button-icon, .sui-2-3-16 .sui-wrap button.sui-button, .sui-2-3-16 .sui-wrap button.sui-button-icon { cursor: pointer; display: inline-block; position: relative; margin: 0; border-width: 2px; border-style: solid; border-color: transparent; border-radius: 4px; text-decoration: none; text-align: center; transition: all 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-button .sui-loading, .sui-2-3-16 .sui-wrap .sui-button-icon .sui-loading, .sui-2-3-16 .sui-wrap a.sui-button .sui-loading, .sui-2-3-16 .sui-wrap a.sui-button-icon .sui-loading, .sui-2-3-16 .sui-wrap button.sui-button .sui-loading, .sui-2-3-16 .sui-wrap button.sui-button-icon .sui-loading { width: 16px; height: 16px; display: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; margin: 0; } .sui-2-3-16 .sui-wrap .sui-button .sui-loading:before, .sui-2-3-16 .sui-wrap .sui-button-icon .sui-loading:before, .sui-2-3-16 .sui-wrap a.sui-button .sui-loading:before, .sui-2-3-16 .sui-wrap a.sui-button-icon .sui-loading:before, .sui-2-3-16 .sui-wrap button.sui-button .sui-loading:before, .sui-2-3-16 .sui-wrap button.sui-button-icon .sui-loading:before { display: block; } .sui-2-3-16 .sui-wrap .sui-button .sui-loading-text, .sui-2-3-16 .sui-wrap .sui-button-icon .sui-loading-text, .sui-2-3-16 .sui-wrap a.sui-button .sui-loading-text, .sui-2-3-16 .sui-wrap a.sui-button-icon .sui-loading-text, .sui-2-3-16 .sui-wrap button.sui-button .sui-loading-text, .sui-2-3-16 .sui-wrap button.sui-button-icon .sui-loading-text { display: block; pointer-events: none; } .sui-2-3-16 .sui-wrap .sui-button [class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-button-icon [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button-icon [class*="sui-icon-"], .sui-2-3-16 .sui-wrap button.sui-button [class*="sui-icon-"], .sui-2-3-16 .sui-wrap button.sui-button-icon [class*="sui-icon-"] { font-size: 12px; } .sui-2-3-16 .sui-wrap .sui-button [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap .sui-button-icon [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap a.sui-button [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap button.sui-button [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:before { display: block; color: inherit; } .sui-2-3-16 .sui-wrap .sui-button, .sui-2-3-16 .sui-wrap .sui-button:hover, .sui-2-3-16 .sui-wrap .sui-button:focus, .sui-2-3-16 .sui-wrap .sui-button:active, .sui-2-3-16 .sui-wrap .sui-button-icon, .sui-2-3-16 .sui-wrap .sui-button-icon:hover, .sui-2-3-16 .sui-wrap .sui-button-icon:focus, .sui-2-3-16 .sui-wrap .sui-button-icon:active, .sui-2-3-16 .sui-wrap a.sui-button, .sui-2-3-16 .sui-wrap a.sui-button:hover, .sui-2-3-16 .sui-wrap a.sui-button:focus, .sui-2-3-16 .sui-wrap a.sui-button:active, .sui-2-3-16 .sui-wrap a.sui-button-icon, .sui-2-3-16 .sui-wrap a.sui-button-icon:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon:focus, .sui-2-3-16 .sui-wrap a.sui-button-icon:active, .sui-2-3-16 .sui-wrap button.sui-button, .sui-2-3-16 .sui-wrap button.sui-button:hover, .sui-2-3-16 .sui-wrap button.sui-button:focus, .sui-2-3-16 .sui-wrap button.sui-button:active, .sui-2-3-16 .sui-wrap button.sui-button-icon, .sui-2-3-16 .sui-wrap button.sui-button-icon:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon:focus, .sui-2-3-16 .sui-wrap button.sui-button-icon:active { outline: none; box-shadow: none; } .sui-2-3-16 .sui-wrap .sui-button.disabled, .sui-2-3-16 .sui-wrap .sui-button:disabled, .sui-2-3-16 .sui-wrap .sui-button[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap .sui-button-icon.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.disabled, .sui-2-3-16 .sui-wrap a.sui-button:disabled, .sui-2-3-16 .sui-wrap a.sui-button[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.disabled, .sui-2-3-16 .sui-wrap button.sui-button:disabled, .sui-2-3-16 .sui-wrap button.sui-button[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-onload { cursor: default; pointer-events: none; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-onload { pointer-events: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-onload .sui-loading, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-onload .sui-loading, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-onload .sui-loading, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading { display: -ms-flexbox; display: flex; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-onload .sui-loading-text, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading-text, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-onload .sui-loading-text, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading-text, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-onload .sui-loading-text, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading-text { opacity: 0; } .sui-2-3-16 .sui-wrap .sui-button:not(:last-child), .sui-2-3-16 .sui-wrap .sui-button-icon:not(:last-child), .sui-2-3-16 .sui-wrap a.sui-button:not(:last-child), .sui-2-3-16 .sui-wrap a.sui-button-icon:not(:last-child), .sui-2-3-16 .sui-wrap button.sui-button:not(:last-child), .sui-2-3-16 .sui-wrap button.sui-button-icon:not(:last-child) { margin-right: 10px; } .sui-2-3-16 .sui-wrap .sui-button, .sui-2-3-16 .sui-wrap a.sui-button, .sui-2-3-16 .sui-wrap button.sui-button { width: auto; min-width: 80px; height: 30px; padding: 5px 14px; background-color: #888; color: #fff; font: 500 12px/16px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-transform: uppercase; } .sui-2-3-16 .sui-wrap .sui-button [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button [class*="sui-icon-"], .sui-2-3-16 .sui-wrap button.sui-button [class*="sui-icon-"] { vertical-align: middle; } .sui-2-3-16 .sui-wrap .sui-button [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap a.sui-button [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap button.sui-button [class*="sui-icon-"]:not(.sui-loading) { width: 22px; position: relative; top: -1px; margin-left: -7px; } .sui-2-3-16 .sui-wrap .sui-button:hover, .sui-2-3-16 .sui-wrap .sui-button:active, .sui-2-3-16 .sui-wrap a.sui-button:hover, .sui-2-3-16 .sui-wrap a.sui-button:active, .sui-2-3-16 .sui-wrap button.sui-button:hover, .sui-2-3-16 .sui-wrap button.sui-button:active { background-color: #6f6f6f; } .sui-2-3-16 .sui-wrap .sui-button.disabled, .sui-2-3-16 .sui-wrap .sui-button:disabled, .sui-2-3-16 .sui-wrap .sui-button[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.disabled, .sui-2-3-16 .sui-wrap a.sui-button:disabled, .sui-2-3-16 .sui-wrap a.sui-button[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.disabled, .sui-2-3-16 .sui-wrap button.sui-button:disabled, .sui-2-3-16 .sui-wrap button.sui-button[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap a.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap button.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading) { margin-right: -7px; margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue { background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue:active { background-color: #1286b5; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-green, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green { background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-green:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-green:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green:active { background-color: #148f77; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-green.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-green:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-green[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-green.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-red, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red { background-color: #FF6D6D; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-red:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-red:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red:active { background-color: #ff3a3a; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-red.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-red:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-red[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-red.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange { background-color: #FF7E41; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange:active { background-color: #ff5b0e; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow { background-color: #FECF2F; color: #333; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow:active { background-color: #f9c101; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple { background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple:active { background-color: #64007e; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-upsell, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-upsell, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-upsell { width: auto; height: 26px; padding: 4px 14px; border-color: #D1F1EA; border-radius: 14px; background-color: transparent; color: #1ABC9C; line-height: 14px; text-transform: none; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-upsell:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-upsell:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-upsell:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-upsell:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-upsell:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-upsell:active { opacity: 1; border-color: #1ABC9C; background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-dashed { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: 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; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-dashed { height: 50px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-dashed, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-dashed { height: 60px; } } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost { border-color: #ddd; background-color: transparent; color: #888; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost:active { border-color: #888; background-color: #888; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue { border-color: #E1F6FF; color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:active { border-color: #17A8E3; background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green { border-color: #D1F1EA; color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:active { border-color: #1ABC9C; background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red { border-color: #FFE5E9; color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:active { border-color: #FF6D6D; background-color: #FF6D6D; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange { border-color: #FFE5D9; color: #FF7E41; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:active { border-color: #FF7E41; background-color: #FF7E41; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow { border-color: #FFF5D5; color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:active { border-color: #FECF2F; background-color: #FECF2F; color: #333; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple { border-color: #F9E1FF; color: #8D00B1; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:active, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:active, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:hover, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:active { border-color: #8D00B1; background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload { border-color: #E6E6E6; background-color: #E6E6E6; color: #aaa; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop { display: none; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop { display: block; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"], .sui-2-3-16 .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-3-16 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile { display: block; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile { display: none; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-button.sui-button-compound, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-compound, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-compound { min-width: 44px; padding-right: 5px; padding-left: 5px; } } .sui-2-3-16 .sui-wrap .sui-button.sui-button-lg, .sui-2-3-16 .sui-wrap a.sui-button.sui-button-lg, .sui-2-3-16 .sui-wrap button.sui-button.sui-button-lg { height: 40px; padding: 8px 20px; font-size: 15px; line-height: 20px; } .sui-2-3-16 .sui-wrap .sui-button.sui-button-lg [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button.sui-button-lg [class*="sui-icon-"], .sui-2-3-16 .sui-wrap button.sui-button.sui-button-lg [class*="sui-icon-"] { font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-button-icon, .sui-2-3-16 .sui-wrap a.sui-button-icon, .sui-2-3-16 .sui-wrap button.sui-button-icon { width: 30px; height: 30px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 4px; border-width: 1px; background-color: transparent; color: #888; text-align: center; white-space: nowrap; } .sui-2-3-16 .sui-wrap .sui-button-icon [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:not(.sui-loading), .sui-2-3-16 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:not(.sui-loading) { display: block; } .sui-2-3-16 .sui-wrap .sui-button-icon:hover, .sui-2-3-16 .sui-wrap .sui-button-icon:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-active { background-color: #F2F2F2; color: #333; } .sui-2-3-16 .sui-wrap .sui-button-icon.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue { color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue.sui-active { background-color: #E1F6FF; color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green { color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green.sui-active { background-color: #D1F1EA; color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red { color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red.sui-active { background-color: #FFE5E9; color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange { color: #FF7E41; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange.sui-active { background-color: #FFE5D9; color: #FF7E41; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow { color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-active { background-color: #FFF5D5; color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple { color: #8D00B1; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple.sui-active { background-color: #F9E1FF; color: #8D00B1; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload { color: #aaa; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined { width: 44px; border-color: #ddd; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-active { border-color: #888; background-color: #888; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue { border-color: #E1F6FF; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active { border-color: #17A8E3; background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green { border-color: #D1F1EA; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-active { border-color: #1ABC9C; background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red { border-color: #FFE5E9; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-active { border-color: #FF6D6D; background-color: #FF6D6D; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange { border-color: #FFE5D9; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active { border-color: #FF7E41; background-color: #FF7E41; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow { border-color: #FFF5D5; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active { border-color: #FECF2F; background-color: #FECF2F; color: #333; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple { border-color: #F9E1FF; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active { border-color: #8D00B1; background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload { border-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-active { background-color: #d2d2d2; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue { background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-active { background-color: #1286b5; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green { background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-active { background-color: #148f77; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red { background-color: #FF6D6D; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-active { background-color: #ff3a3a; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange { background-color: #FF7E41; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-active { background-color: #ff5b0e; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow { background-color: #FECF2F; color: #333; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active { background-color: #f9c101; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple { background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:active, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:active, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:hover, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:active, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-active { background-color: #64007e; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:disabled, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple[disabled], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload { background-color: #E6E6E6; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-lg, .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-lg, .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-lg { width: 50px; height: 40px; } .sui-2-3-16 .sui-wrap .sui-button-icon.sui-button-lg [class*="sui-icon-"], .sui-2-3-16 .sui-wrap a.sui-button-icon.sui-button-lg [class*="sui-icon-"], .sui-2-3-16 .sui-wrap button.sui-button-icon.sui-button-lg [class*="sui-icon-"] { font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-dropdown .sui-button:not(:last-child), .sui-2-3-16 .sui-wrap .sui-dropdown .sui-button-icon:not(:last-child), .sui-2-3-16 .sui-wrap .sui-dropdown a.sui-button:not(:last-child), .sui-2-3-16 .sui-wrap .sui-dropdown a.sui-button-icon:not(:last-child), .sui-2-3-16 .sui-wrap .sui-dropdown button.sui-button:not(:last-child), .sui-2-3-16 .sui-wrap .sui-dropdown button.sui-button-icon:not(:last-child) { margin-right: 0; } .sui-2-3-16 .sui-wrap .sui-toggle { position: relative; display: inline-block; width: 34px; height: 16px; margin-right: 10px; } .sui-2-3-16 .sui-wrap .sui-toggle.sui-toggle-label { top: 3px; } .sui-2-3-16 .sui-wrap .sui-toggle+label { font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-toggle-label { vertical-align: text-bottom; line-height: 22px; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-toggle-content, .sui-2-3-16 .sui-wrap .sui-toggle-content.sui-border-frame { margin-left: 48px; } .sui-2-3-16 .sui-wrap .sui-toggle input[type="checkbox"]:checked[disabled]+.sui-toggle-slider { background-color: #ddd; } .sui-2-3-16 .sui-wrap .sui-toggle input[type="checkbox"]:checked[disabled]+.sui-toggle-slider:hover { box-shadow: none; } .sui-2-3-16 .sui-wrap .sui-toggle input[type="checkbox"][disabled]+.sui-toggle-slider { opacity: .5; cursor: not-allowed; } .sui-2-3-16 .sui-wrap .sui-toggle-slider { position: absolute; cursor: pointer; width: 34px; height: 16px; top: 0; left: 0; right: 0; bottom: 0; background-color: #aaa; border-radius: 8px; transition: .4s; border: none; } .sui-2-3-16 .sui-wrap .sui-toggle-slider:hover { box-shadow: 0 0 0 5px #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-toggle-slider:before { position: absolute; content: ""; height: 14px; width: 14px; top: 1px; left: 1px; background-color: #fff; border-radius: 50%; transition: .2s; } .sui-2-3-16 .sui-wrap input[type="checkbox"]:checked+.sui-toggle-slider { background-color: #17A8E3; } .sui-2-3-16 .sui-wrap input[type="checkbox"]:checked+.sui-toggle-slider:before { transform: translateX(18px); } .sui-2-3-16 .sui-wrap input[type="checkbox"]:checked+.sui-toggle-slider:hover { box-shadow: 0 0 0 5px #E1F6FF; } .sui-2-3-16 .sui-wrap * { box-sizing: border-box; } .sui-2-3-16 .sui-wrap *:before, .sui-2-3-16 .sui-wrap *:after { box-sizing: border-box; } .sui-2-3-16 .sui-wrap .sui-box { min-height: 20px; position: relative; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 0 #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-header { border-bottom: 1px solid #E6E6E6; padding: 15px 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-header { padding: 15px 20px; } } .sui-2-3-16 .sui-wrap .sui-box .sui-box-header>h3>i { line-height: 30px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-body { padding: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-body { padding: 30px; } } .sui-2-3-16 .sui-wrap .sui-box .sui-box-footer { border-top: 1px solid #E6E6E6; padding: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-footer.sui-pull-up { margin-top: -15px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-footer { padding: 20px; } } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status { padding: 15px 20px 20px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status { display: -ms-flexbox; display: flex; } .sui-2-3-16 .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: -.25px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] .sui-tag { margin-left: 8px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"] { margin-right: 4px; font-size: 12px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"]:before { display: block; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]:not(:last-child) { margin-right: 20px; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-module { color: #888; font-weight: bold; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes { color: #aaa; font-weight: 500; letter-spacing: -.25px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-check-tick:before { color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-update:before { color: #888; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions { margin-top: 15px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions { margin-left: 15px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-status { -ms-flex: 1; flex: 1; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-status .sui-actions { -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-status { display: -ms-flexbox; display: flex; padding: 15px 30px; } } .sui-2-3-16 .sui-wrap .sui-box .sui-box-search>* { max-width: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-search>.sui-search-left:not(:last-child) { margin-right: 15px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-search>.sui-search-left { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-search>.sui-search-right:only-child { -ms-flex: 1; flex: 1; } } @media (min-width: 783px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child) { -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box .sui-box-search { display: -ms-flexbox; display: flex; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box.sui-box-sticky { position: -webkit-sticky !important; position: sticky !important; top: 32px; z-index: 11; } } .sui-2-3-16 .sui-wrap .sui-box.sui-box-sticky.sui-is-sticky { box-shadow: 0 5px 25px rgba(0,0,0,0.15); } .sui-2-3-16 .sui-wrap .sui-box>.sui-box-search { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box>.sui-box-search { padding-right: 20px; padding-left: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box>.sui-box-search { padding-right: 30px; padding-left: 30px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box { margin-bottom: 30px; } } .sui-2-3-16 .sui-wrap .sui-message { display: block; text-align: center; } .sui-2-3-16 .sui-wrap .sui-message .sui-message-content { max-width: 600px; margin-right: auto; margin-left: auto; } .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h1, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h2, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h3, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h4, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h5, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h6 { margin: 0 0 20px; } .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h1:last-child, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h2:last-child, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h3:last-child, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h4:last-child, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h5:last-child, .sui-2-3-16 .sui-wrap .sui-message .sui-message-content h6:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-message .sui-message-content p { margin: 0 0 30px; letter-spacing: -0.25px; } .sui-2-3-16 .sui-wrap .sui-message .sui-message-content p:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-message .sui-message-content { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-message .sui-message-content { margin-top: 30px; margin-bottom: 30px; } } .sui-2-3-16 .sui-wrap .sui-message:not(.sui-message-lg) .sui-image { margin: 10px auto; } .sui-2-3-16 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:first-child { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-message.sui-message-lg .sui-image { margin: 30px auto; } .sui-2-3-16 .sui-wrap .sui-message:first-child { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-message:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-message { padding: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-message { padding: 30px; } } .sui-2-3-16 .sui-wrap .sui-box .sui-box-title { display: block; margin: 0; padding: 0; border: 0; font: 700 15px/30px "Roboto",Arial,sans-serif; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-title * { vertical-align: middle; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"] { float: left; display: block; margin-right: 10px; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"]:before { color: inherit; font-size: 20px; vertical-align: text-bottom; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-upsell-row { position: relative; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image { width: 100px; position: absolute; bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image { display: none; } } .sui-2-3-16 .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-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p a { color: #333; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before { content: "I"; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice { padding-left: 130px; } } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items { padding: 0; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-box { padding: 20px; border: 1px solid #E6E6E6; border-radius: 4px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-box { padding: 30px; } } .sui-2-3-16 .sui-wrap .sui-with-bottom-border { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #E6E6E6; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-with-bottom-border { margin-bottom: 20px; padding-bottom: 20px; } } .sui-2-3-16 .sui-wrap .sui-border-frame { margin: 10px 0 0; border: 1px solid #E6E6E6; border-radius: 4px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-border-frame:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-border-frame:not(:last-child) { margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-border-frame { padding: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-border-frame { padding: 30px; } } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #E6E6E6; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div { padding-top: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div { margin-left: 30px; } } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row.sui-disabled { opacity: 0.5; pointer-events: none; background-color: rgba(242,242,242,0.5); } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed { margin-right: -20px; margin-left: -sui-gutter-md; padding-right: 20px; padding-left: 20px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed { margin-right: -30px; margin-left: -30px; padding-right: 30px; padding-left: 30px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-row { display: -ms-flexbox; display: flex; } } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-slim-row { position: relative; margin-bottom: 20px; } @media (max-width: 782px) { .sui-2-3-16 .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-3-16 .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-3-16 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label:only-child, .sui-2-3-16 .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-3-16 .sui-wrap .sui-box-body .sui-box-settings-slim-row:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-slim-row { display: -ms-flexbox; display: flex; } } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-col-1 { max-width: 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label, .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label-with-tag { color: #333; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-col-1 { max-width: var(--column-width, 200px); -ms-flex: 0 1 var(--column-width, 200px); flex: 0 1 var(--column-width, 200px); } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body .sui-box-settings-col-2 { min-width: 0; -ms-flex: 1; flex: 1; } } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label, .sui-2-3-16 .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: -.25px; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label:last-child, .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label-with-tag:last-child { margin: 0; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label.sui-dark, .sui-2-3-16 .sui-wrap .sui-box-body .sui-dark.sui-settings-label-with-tag { color: #333; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label-with-tag { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag { margin-left: 10px; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-description { line-height: 22px; } .sui-2-3-16 .sui-wrap .sui-box-body .sui-description+.sui-settings-box { margin-top: 10px; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row { margin-top: 0; padding-top: 21px; padding-right: 20px; padding-left: 20px; border-bottom: none; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:before { content: ''; height: 1px; clear: both; display: block; position: absolute; top: 0; right: 30px; left: 30px; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:first-child, .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:first-of-type { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:first-child:before, .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:first-of-type:before { content: unset; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child, .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type { padding-bottom: 30px; } .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child:before, .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type:before { content: unset; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child, .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type { padding-top: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row { padding-top: 31px; padding-right: 30px; padding-left: 30px; } } .sui-2-3-16 .sui-wrap .sui-col, .sui-2-3-16 .sui-wrap [class*="sui-col-"] { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-col, .sui-2-3-16 .sui-wrap [class*="sui-col-"] { padding-left: 10px; padding-right: 10px; } } .sui-2-3-16 .sui-wrap .sui-row { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-right: -15px; margin-bottom: 30px; margin-left: -15px; } .sui-2-3-16 .sui-wrap .sui-row:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-row:last-child { margin-bottom: 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-row { margin-right: -10px; margin-bottom: 20px; margin-left: -10px; } } .sui-2-3-16 .sui-wrap .sui-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sui-2-3-16 .sui-wrap .sui-col { -ms-flex: 1; flex: 1; } .sui-2-3-16 .sui-wrap [class*="sui-col-"] { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-xs-12 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-12 { margin-left: 100%; } .sui-2-3-16 .sui-wrap .sui-col-xs-11 { width: 91.66667%; max-width: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-11 { margin-left: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-10 { width: 83.33333%; max-width: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-10 { margin-left: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-9 { width: 75%; max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-9 { margin-left: 75%; } .sui-2-3-16 .sui-wrap .sui-col-xs-8 { width: 66.66667%; max-width: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-8 { margin-left: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-7 { width: 58.33333%; max-width: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-7 { margin-left: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-6 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-6 { margin-left: 50%; } .sui-2-3-16 .sui-wrap .sui-col-xs-5 { width: 41.66667%; max-width: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-5 { margin-left: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-4 { width: 33.33333%; max-width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-4 { margin-left: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-3 { width: 25%; max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-3 { margin-left: 25%; } .sui-2-3-16 .sui-wrap .sui-col-xs-2 { width: 16.66667%; max-width: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-2 { margin-left: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-1 { width: 8.33333%; max-width: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-1 { margin-left: 8.33333%; } @media (min-width: 0px) { .sui-2-3-16 .sui-wrap .sui-col-xs-12 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-12 { margin-left: 100%; } .sui-2-3-16 .sui-wrap .sui-col-xs-11 { width: 91.66667%; max-width: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-11 { margin-left: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-10 { width: 83.33333%; max-width: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-10 { margin-left: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-9 { width: 75%; max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-9 { margin-left: 75%; } .sui-2-3-16 .sui-wrap .sui-col-xs-8 { width: 66.66667%; max-width: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-8 { margin-left: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-7 { width: 58.33333%; max-width: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-7 { margin-left: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-6 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-6 { margin-left: 50%; } .sui-2-3-16 .sui-wrap .sui-col-xs-5 { width: 41.66667%; max-width: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-5 { margin-left: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-4 { width: 33.33333%; max-width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-4 { margin-left: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-3 { width: 25%; max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-3 { margin-left: 25%; } .sui-2-3-16 .sui-wrap .sui-col-xs-2 { width: 16.66667%; max-width: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-2 { margin-left: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-xs-1 { width: 8.33333%; max-width: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } .sui-2-3-16 .sui-wrap .sui-col-xs-offset-1 { margin-left: 8.33333%; } } @media (min-width: 480px) { .sui-2-3-16 .sui-wrap .sui-col-sm-12 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-12 { margin-left: 100%; } .sui-2-3-16 .sui-wrap .sui-col-sm-11 { width: 91.66667%; max-width: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-11 { margin-left: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-10 { width: 83.33333%; max-width: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-10 { margin-left: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-9 { width: 75%; max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-9 { margin-left: 75%; } .sui-2-3-16 .sui-wrap .sui-col-sm-8 { width: 66.66667%; max-width: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-8 { margin-left: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-7 { width: 58.33333%; max-width: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-7 { margin-left: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-6 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-6 { margin-left: 50%; } .sui-2-3-16 .sui-wrap .sui-col-sm-5 { width: 41.66667%; max-width: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-5 { margin-left: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-4 { width: 33.33333%; max-width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-4 { margin-left: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-3 { width: 25%; max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-3 { margin-left: 25%; } .sui-2-3-16 .sui-wrap .sui-col-sm-2 { width: 16.66667%; max-width: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-2 { margin-left: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-sm-1 { width: 8.33333%; max-width: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } .sui-2-3-16 .sui-wrap .sui-col-sm-offset-1 { margin-left: 8.33333%; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-col-md-12 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-12 { margin-left: 100%; } .sui-2-3-16 .sui-wrap .sui-col-md-11 { width: 91.66667%; max-width: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-11 { margin-left: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-10 { width: 83.33333%; max-width: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-10 { margin-left: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-9 { width: 75%; max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-9 { margin-left: 75%; } .sui-2-3-16 .sui-wrap .sui-col-md-8 { width: 66.66667%; max-width: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-8 { margin-left: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-7 { width: 58.33333%; max-width: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-7 { margin-left: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-6 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-6 { margin-left: 50%; } .sui-2-3-16 .sui-wrap .sui-col-md-5 { width: 41.66667%; max-width: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-5 { margin-left: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-4 { width: 33.33333%; max-width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-4 { margin-left: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-3 { width: 25%; max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-3 { margin-left: 25%; } .sui-2-3-16 .sui-wrap .sui-col-md-2 { width: 16.66667%; max-width: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-2 { margin-left: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-md-1 { width: 8.33333%; max-width: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } .sui-2-3-16 .sui-wrap .sui-col-md-offset-1 { margin-left: 8.33333%; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-col-lg-12 { width: 100%; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-12 { margin-left: 100%; } .sui-2-3-16 .sui-wrap .sui-col-lg-11 { width: 91.66667%; max-width: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-11 { margin-left: 91.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-10 { width: 83.33333%; max-width: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-10 { margin-left: 83.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-9 { width: 75%; max-width: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-9 { margin-left: 75%; } .sui-2-3-16 .sui-wrap .sui-col-lg-8 { width: 66.66667%; max-width: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-8 { margin-left: 66.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-7 { width: 58.33333%; max-width: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-7 { margin-left: 58.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-6 { width: 50%; max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-6 { margin-left: 50%; } .sui-2-3-16 .sui-wrap .sui-col-lg-5 { width: 41.66667%; max-width: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-5 { margin-left: 41.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-4 { width: 33.33333%; max-width: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-4 { margin-left: 33.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-3 { width: 25%; max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-3 { margin-left: 25%; } .sui-2-3-16 .sui-wrap .sui-col-lg-2 { width: 16.66667%; max-width: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-2 { margin-left: 16.66667%; } .sui-2-3-16 .sui-wrap .sui-col-lg-1 { width: 8.33333%; max-width: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } .sui-2-3-16 .sui-wrap .sui-col-lg-offset-1 { margin-left: 8.33333%; } } @media (max-width: 1200px) { .sui-2-3-16 .sui-wrap [class*="sui-col-lg-"]:last-child { margin-bottom: 0; } } @media (max-width: 1200px) { .sui-2-3-16 .sui-wrap [class*="sui-col-lg-"] { margin-bottom: 30px; } } @media (max-width: 783px) { .sui-2-3-16 .sui-wrap [class*="sui-col-lg-"] { margin-bottom: 20px; } } @media (max-width: 783px) { .sui-2-3-16 .sui-wrap [class*="sui-col-md-"]:last-child { margin-bottom: 0; } } @media (max-width: 783px) { .sui-2-3-16 .sui-wrap [class*="sui-col-md-"] { margin-bottom: 20px; } } @media (max-width: 480px) { .sui-2-3-16 .sui-wrap [class*="sui-col-sm-"]:last-child { margin-bottom: 0; } } @media (max-width: 480px) { .sui-2-3-16 .sui-wrap [class*="sui-col-sm-"] { margin-bottom: 20px; } } @media (max-width: 0px) { .sui-2-3-16 .sui-wrap [class*="sui-col-xs-"]:last-child { margin-bottom: 0; } } @media (max-width: 0px) { .sui-2-3-16 .sui-wrap [class*="sui-col-xs-"] { margin-bottom: 20px; } } .sui-2-3-16 .sui-wrap .sui-notice p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-of-type:before { content: "I"; } .sui-2-3-16 .sui-wrap .sui-notice p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-of-type:before { position: absolute; color: #888; font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-info, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-info, .sui-2-3-16 .sui-wrap .sui-notice-info.sui-notice-floating { border-left: 2px solid #17A8E3; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-info p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-info p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-info.sui-notice-floating p:first-of-type:before { color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-success, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-success, .sui-2-3-16 .sui-wrap .sui-notice-success.sui-notice-floating { border-left: 2px solid #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-success p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-success p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-success.sui-notice-floating p:first-of-type:before { content: "_"; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-success p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-success p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-success.sui-notice-floating p:first-of-type:before { color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-warning, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-warning, .sui-2-3-16 .sui-wrap .sui-notice-warning.sui-notice-floating { border-left: 2px solid #FECF2F; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-warning p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-warning p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-warning.sui-notice-floating p:first-of-type:before { content: "!"; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-warning p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-warning p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-warning.sui-notice-floating p:first-of-type:before { color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-error, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-error, .sui-2-3-16 .sui-wrap .sui-notice-error.sui-notice-floating { border-left: 2px solid #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-error p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-error p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-error.sui-notice-floating p:first-of-type:before { content: "!"; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-error p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-error p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-error.sui-notice-floating p:first-of-type:before { color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-purple, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-purple, .sui-2-3-16 .sui-wrap .sui-notice-purple.sui-notice-floating { border-left: 2px solid #8D00B1; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-purple p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-purple p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-purple.sui-notice-floating p:first-of-type:before { color: #8D00B1; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-orange, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-orange, .sui-2-3-16 .sui-wrap .sui-notice-orange.sui-notice-floating { border-left: 2px solid #FF7E41; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-orange p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-orange p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-orange.sui-notice-floating p:first-of-type:before { color: #FF7E41; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-loading, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-loading, .sui-2-3-16 .sui-wrap .sui-notice-loading.sui-notice-floating { border-width: 0; background-color: #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-loading p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-loading p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-loading.sui-notice-floating p:first-of-type:before { content: "N"; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-loading p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-notice-loading p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-loading.sui-notice-floating p:first-of-type:before { animation: spin 1.3s linear infinite; } .sui-2-3-16 .sui-wrap .sui-notice { position: relative; display: block; margin: 30px 0; border: 1px solid #E6E6E6; border-left: 2px solid #888; border-radius: 4px; padding: 15px 20px 15px 50px; background-color: #fff; } .sui-2-3-16 .sui-wrap .sui-notice p { margin: 15px 0; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.25px; } .sui-2-3-16 .sui-wrap .sui-notice p:first-child, .sui-2-3-16 .sui-wrap .sui-notice p:first-of-type { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-notice p:last-child, .sui-2-3-16 .sui-wrap .sui-notice p:last-of-type { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-notice p:first-of-type:before { top: 18px; left: 22px; } .sui-2-3-16 .sui-wrap .sui-notice, .sui-2-3-16 .sui-wrap .sui-notice p { color: #333; } .sui-2-3-16 .sui-wrap .sui-notice strong, .sui-2-3-16 .sui-wrap .sui-notice p strong { font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-notice .sui-notice-dismiss { display: block; margin: 6px 0 -5px; } .sui-2-3-16 .sui-wrap .sui-notice .sui-notice-dismiss a { margin-left: -10px; padding: 5px 10px; color: #888; font-size: 12px; font-weight: 500; text-transform: uppercase; text-decoration: none; } .sui-2-3-16 .sui-wrap .sui-notice .sui-notice-dismiss a:hover, .sui-2-3-16 .sui-wrap .sui-notice .sui-notice-dismiss a:active { color: #333; } .sui-2-3-16 .sui-wrap .sui-notice:first-child { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-notice:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-notice.sui-notice-icon-tick p:first-of-type:before { content: "_"; } .sui-2-3-16 .sui-wrap .sui-notice .sui-notice-buttons { margin-top: 5px; } .sui-2-3-16 .sui-wrap .sui-notice.sui-no-notice-icon { padding: 15px 20px; } .sui-2-3-16 .sui-wrap .sui-notice.sui-no-notice-icon p:first-of-type:before { content: none; margin: 0; padding: 0; } .sui-2-3-16 .sui-wrap .sui-notice.sui-no-notice-icon .sui-notice-buttons { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-notice-top, .sui-2-3-16 .sui-wrap .sui-notice-floating { width: 100%; max-width: 600px; display: block; position: fixed; z-index: 99999; top: 17px; left: 50%; margin: 0; margin-left: 80px; border-radius: 4px; border-left: 2px solid #888; padding: 15px 20px 15px 50px; background-color: #fff; box-shadow: rgba(0,0,0,0.15) 0 5px 25px 0; transform: translateX(-50%); } .sui-2-3-16 .sui-wrap .sui-notice-top .sui-notice-content, .sui-2-3-16 .sui-wrap .sui-notice-floating .sui-notice-content { position: relative; } .sui-2-3-16 .sui-wrap .sui-notice-top p, .sui-2-3-16 .sui-wrap .sui-notice-floating p { position: relative; margin: 15px 10px 15px 0; color: #666; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -0.19px; } .sui-2-3-16 .sui-wrap .sui-notice-top p:first-of-type:before, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-of-type:before { top: 2px; left: -28px; } .sui-2-3-16 .sui-wrap .sui-notice-top p strong, .sui-2-3-16 .sui-wrap .sui-notice-floating p strong { color: #333; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-notice-top p:first-child, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-child, .sui-2-3-16 .sui-wrap .sui-notice-top p:first-of-type, .sui-2-3-16 .sui-wrap .sui-notice-floating p:first-of-type { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-notice-top p:last-child, .sui-2-3-16 .sui-wrap .sui-notice-floating p:last-child, .sui-2-3-16 .sui-wrap .sui-notice-top p:last-of-type, .sui-2-3-16 .sui-wrap .sui-notice-floating p:last-of-type { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating { display: -ms-flexbox; display: flex; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-content, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-content { -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 60px; flex: 0 0 60px; margin: -15px -20px -15px 0; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 auto; flex: 1 1 auto; border-radius: 0 4px 4px 0; background-color: #F8F8F8; color: #888; font: 500 11px/13px "Roboto",Arial,sans-serif; text-transform: uppercase; text-align: center; transition: 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:before, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:before { color: #888; font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:hover, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:hover, .sui-2-3-16 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:active, .sui-2-3-16 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:active { background-color: #E6E6E6; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-notice-top, .sui-2-3-16 .sui-wrap .sui-notice-floating { width: 90%; top: 23px; margin-left: 0; } } .sui-2-3-16 .sui-wrap .sui-notice-floating { width: auto; display: -ms-flexbox; display: flex; padding: 11px 20px 12px 50px; } .sui-2-3-16 .sui-wrap .sui-notice-floating p { margin: 15px 20px 15px 0; } .sui-2-3-16 .sui-wrap .sui-notice-floating .sui-notice-content { -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; } .sui-2-3-16 .sui-wrap .sui-notice-floating .sui-notice-buttons { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .sui-2-3-16.wp-admin.folded .sui-notice-top, .sui-2-3-16.wp-admin.folded .sui-wrap .sui-notice-floating { margin-left: 18px; } @media (max-width: 782px) { .sui-2-3-16.wp-admin.folded .sui-notice-top, .sui-2-3-16.wp-admin.folded .sui-wrap .sui-notice-floating { margin-left: 0; } } .sui-2-3-16 .sui-wrap .sui-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 30px; line-height: 1; } .sui-2-3-16 .sui-wrap .sui-header h1 { text-transform: uppercase; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header h1 { -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header .sui-actions-right { margin-top: 10px; margin-right: auto; margin-left: 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header .sui-actions-left { margin-top: 10px; margin-right: 0; margin-left: 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header.sui-header-inline h1+* { margin-left: 10px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header.sui-header-inline h1 { -ms-flex: 1; flex: 1; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header.sui-header-inline .sui-actions-right, .sui-2-3-16 .sui-wrap .sui-header.sui-header-inline .sui-actions-left { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; margin-right: 0; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-header.sui-with-floating-input h1 { padding-right: 260px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header.sui-with-floating-input { margin-bottom: 15px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-header { margin-bottom: 20px; } } .sui-2-3-16 .sui-wrap .sui-header-title { color: #333; margin: 0; text-align: left; text-transform: uppercase; font-weight: bold; max-width: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sui-2-3-16 .sui-wrap .sui-summary { padding: 10px 20px; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-image-space, .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment { padding: 10px 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-image-space, .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment { padding: 0 15px; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-image-space { display: none; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-image-space { min-width: 222px; min-height: 212px; -ms-flex: 0 0 222px; flex: 0 0 222px; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment { display: block; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment .sui-list { padding-right: 15px; padding-left: 15px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment .sui-summary-details { padding-right: 30px; padding-left: 30px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list, .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details { padding-left: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list, .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details { padding-right: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-segment { overflow: hidden; -ms-flex: 1; flex: 1; text-overflow: ellipsis; white-space: nowrap; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details { color: #333; font-size: 13px; line-height: 22px; font-family: "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details span { display: inline-block; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub { display: block; margin-top: 0; margin-bottom: 5px; color: #888; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub { margin-bottom: 24px; white-space: normal; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent { margin-left: -5px; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large { font-size: 50px; line-height: 55px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large+.sui-summary-sub { margin-top: -1px; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail { display: block; font-size: 15px; font-weight: 500; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img { float: left; vertical-align: unset; top: 1px; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail+.sui-summary-sub { margin-top: 5px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"] { position: relative; top: -22px; left: 5px; font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"]+.sui-summary-percent { margin-left: -20px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-summary-details { padding-top: 30px; padding-bottom: 30px; text-align: left; } } .sui-2-3-16 .sui-wrap .sui-summary .sui-list li span { white-space: normal; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary .sui-list { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary.sui-summary-sm .sui-summary-image-space { min-width: 222px; min-height: 151px; -ms-flex: 0 0 222px; flex: 0 0 222px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) .sui-summary-image-space { display: block; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) { background-image: url(../fonts/smush-graphic-dashboard-summary.svg); background-size: 192px 182px; background-position: 30px bottom; background-repeat: no-repeat; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-list, .sui-2-3-16 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details { padding-left: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-list, .sui-2-3-16 .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-3-16 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space { display: none; } } @media (min-width: 783px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-summary { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 15px; } } .sui-2-3-16 .sui-wrap .sui-list { margin: 20px 0; padding: 0; border: 0; } .sui-2-3-16 .sui-wrap .sui-list, .sui-2-3-16 .sui-wrap .sui-list li { list-style: none; } .sui-2-3-16 .sui-wrap .sui-list li { display: -ms-flexbox; 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: -.25px; } .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"] { padding: 0 10px; } .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"]:first-child { padding-left: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"]:first-child { padding-left: 0; } } .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"]:last-child { padding-right: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"]:last-child { padding-right: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li [class*="sui-list-"] { padding: 0 15px; } } .sui-2-3-16 .sui-wrap .sui-list li .sui-list-label { -ms-flex: 1; flex: 1; color: #333; } .sui-2-3-16 .sui-wrap .sui-list li .sui-list-detail { -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: right; } .sui-2-3-16 .sui-wrap .sui-list li:first-child { padding-top: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li:first-child { padding-top: 0; } } .sui-2-3-16 .sui-wrap .sui-list li:last-child { padding-bottom: 0; border-bottom: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li:last-child { padding-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list li { padding: 19px 0; } } .sui-2-3-16 .sui-wrap .sui-list:first-child { margin-top: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list:first-child { margin-top: 0; } } .sui-2-3-16 .sui-wrap .sui-list:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list:last-child { margin-bottom: 0; } } .sui-2-3-16 .sui-wrap .sui-list ul, .sui-2-3-16 .sui-wrap .sui-list ol { display: none; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-list { margin: 30px 0; } } .sui-2-3-16 .sui-wrap .sui-tooltip { position: relative; } .sui-2-3-16 .sui-wrap .sui-tooltip:before, .sui-2-3-16 .sui-wrap .sui-tooltip:after { content: " "; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; position: absolute; z-index: 1; transition: 0.2s; } .sui-2-3-16 .sui-wrap .sui-tooltip:before { left: 50%; bottom: 100%; border: 5px solid transparent; border-top-color: #333; transform: translateX(-50%); } .sui-2-3-16 .sui-wrap .sui-tooltip:after { content: attr(data-tooltip); min-width: var(--tooltip-width, 40px); left: 50%; bottom: 100%; margin-bottom: 10px; padding: 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: -.25px; text-transform: none; text-align: var(--tooltip-text-align, center); } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-tooltip:after { white-space: nowrap; } } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-constrained:after { min-width: var(--tooltip-width, 240px); white-space: normal; } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-left:after { left: 0; transform: translateX(0); } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-right:after { right: 0; left: unset; transform: translateX(0); } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom:before, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:before, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:before { top: 100%; bottom: unset; border-top-color: transparent; border-bottom-color: #333; } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom:after, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after { top: 100%; bottom: unset; margin-top: 10px; margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after { left: 0; transform: translate(0); } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after { left: unset; right: 0; transform: translate(0); } .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-left:before { top: 50%; right: 100%; bottom: unset; left: unset; border-top-color: transparent; border-left-color: #333; transform: translateY(-50%); } .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip.sui-tooltip-right:before { top: 50%; bottom: unset; left: 100%; border-top-color: transparent; border-right-color: #333; transform: translateY(-50%); } .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip.sui-tooltip-mobile:after { min-width: var(--tooltip-width-mobile, 120px); white-space: normal; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:before, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:before, .sui-2-3-16 .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: transparent; border-bottom-color: transparent; border-left-color: transparent; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after, .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after { right: unset; left: 50%; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after { right: unset; left: 0; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after { right: 0; left: unset; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:before, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:before, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:before { top: 100%; bottom: unset; left: 50%; right: unset; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #333; border-left-color: transparent; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after, .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after, .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after { right: unset; left: 50%; transform: translateX(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after { right: unset; left: 0; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after { right: 0; left: unset; transform: translateX(0); } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:before { top: 50%; right: 100%; bottom: unset; left: unset; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #333; transform: translateY(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:before { top: 50%; right: unset; bottom: unset; left: 100%; border-top-color: transparent; border-right-color: #333; border-bottom-color: transparent; border-left-color: transparent; transform: translateY(-50%); } } @media (max-width: 782px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-tooltip:hover:before, .sui-2-3-16 .sui-wrap .sui-tooltip:hover:after { opacity: 1; -webkit-backface-visibility: visible; backface-visibility: visible; } .sui-2-3-16 .select-container { cursor: pointer; display: block; position: relative; z-index: 1; border: 1px solid #ddd; border-radius: 4px; background-color: #FAFAFA; text-align: left; transition-property: background; transition-duration: 0.3s; } .sui-2-3-16 .select-container .dropdown-handle { width: 39px; display: block; position: absolute; z-index: 1011; top: 0; right: 0; padding: 0; line-height: 38px; text-align: center; transition-property: color, border-color; transition-duration: 0.3s; } .sui-2-3-16 .select-container .dropdown-handle [class*="sui-icon-"] { height: 38px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 !important; font-size: 12px !important; transition: transform 0.2s linear; } .sui-2-3-16 .select-container .dropdown-handle [class*="sui-icon-"]:before { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sui-2-3-16 .select-container .select-list-container { zoom: 1; display: block; position: relative; padding-right: 39px; } .sui-2-3-16 .select-container .select-list-container .list-value { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding: 8px 8px 8px 14px; border: 0; background-clip: padding-box; color: #333; font: 500 15px/22px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; transition-property: color; transition-duration: 0.3s; } .sui-2-3-16 .select-container .select-list-container .list-results { width: 0; max-height: 200px; overflow-y: auto; display: none; position: absolute; z-index: 1010; top: 38px; right: -9999px; left: -9999px; margin: 0 -1px; padding: 10px 0; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.07); transition-property: opacity, border-color; transition-duration: 0.3s; } .sui-2-3-16 .select-container .select-list-container .list-results, .sui-2-3-16 .select-container .select-list-container .list-results ul, .sui-2-3-16 .select-container .select-list-container .list-results li { list-style: none; } .sui-2-3-16 .select-container .select-list-container .list-results li { cursor: pointer; margin: 0; padding: 5px 14px; color: #888; font: 500 15px/25px "Roboto",Arial,sans-serif; letter-spacing: -.25px; word-wrap: break-word; transition: 0.3s ease; } .sui-2-3-16 .select-container .select-list-container .list-results li [class*="sui-icon-"] { margin-right: 7px; text-align: center; } .sui-2-3-16 .select-container .select-list-container .list-results li [class*="sui-icon-"]:before { color: inherit; } .sui-2-3-16 .select-container .select-list-container .list-results li.current { background-color: #888; color: #fff; } .sui-2-3-16 .select-container .select-list-container .list-results li:not(.current):hover { background-color: rgba(51,51,51,0.05); color: #666; } .sui-2-3-16 .select-container .select-list-container .list-results .optgroup { cursor: default; } .sui-2-3-16 .select-container .select-list-container .list-results .optgroup li.optgroup-label { cursor: default; pointer-events: none; color: #aaa; font-size: 12px; font-weight: 500; } .sui-2-3-16 .select-container .select-list-container .list-results .optgroup li.optgroup-label:hover { background-color: transparent; } .sui-2-3-16 .select-container .select-list-container .list-results .optgroup li:not(.optgroup-label) { cursor: pointer; padding-left: 28px; } .sui-2-3-16 .select-container:hover { background-color: #fff; } .sui-2-3-16 .select-container.active { z-index: 99999; background-color: #fff; } .sui-2-3-16 .select-container.active .dropdown-handle [class*="sui-icon-"] { transform: rotate(180deg); } .sui-2-3-16 .select-container.active .select-list-container .list-results { width: auto; display: block; left: 0; right: 0; transition-duration: 0ms; } .sui-2-3-16 .select-container.sui-mobile-nav { margin-bottom: 30px; background-color: #fff; } .sui-2-3-16 .select-container.sui-mobile-nav .dropdown-handle { background-color: #fff; font-size: 13px; } .sui-2-3-16 .select-container.sui-mobile-nav.active .dropdown-handle { background-color: transparent; font-size: 13px; } @media (max-width: 782px) { .sui-2-3-16 .select-container.sui-mobile-nav { margin-bottom: 20px; } } .sui-2-3-16 .select-container.sui-select-sm .dropdown-handle { width: 29px; line-height: 28px; } .sui-2-3-16 .select-container.sui-select-sm .dropdown-handle [class*="sui-icon-"] { height: 28px; } .sui-2-3-16 .select-container.sui-select-sm .select-list-container { padding-right: 29px; } .sui-2-3-16 .select-container.sui-select-sm .select-list-container .list-value { padding: 6px 7px 6px 11px; font-size: 13px; line-height: 16px; } .sui-2-3-16 .select-container.sui-select-sm .select-list-container .list-results { top: 28px; padding: 7px 0; } .sui-2-3-16 .select-container.sui-select-sm .select-list-container .list-results li { font-size: 13px; line-height: 20px; } .sui-2-3-16 .select-container.sui-select-inline { width: auto; max-width: 100%; min-width: 120px; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; } .sui-2-3-16 .select-container.sui-select-inline .select-list-container { -ms-flex: 0 0 100%; flex: 0 0 100%; } .sui-2-3-16 .select-container.sui-select-inline:last-child { margin-right: 0; } .sui-2-3-16 .list-table>thead>.select-open th, .sui-2-3-16 .list-table>thead>.select-open td, .sui-2-3-16 .list-table>tbody>.select-open th, .sui-2-3-16 .list-table>tbody>.select-open td, .sui-2-3-16 .list-table>tfoot>.select-open th, .sui-2-3-16 .list-table>tfoot>.select-open td { z-index: 9; } .sui-2-3-16 .sui-wrap .sui-tag { min-width: 40px; height: 26px; cursor: default; display: inline-block; margin: 0 3px; padding: 0 16px; border: 2px solid transparent; border-radius: 13px; background-color: #F2F2F2; color: #333; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-red, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-error { background-color: #FF6D6D; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-yellow, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-warning { background-color: #FECF2F; color: #333; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-green, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-upsell, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-success, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-upgrade { background-color: #1ABC9C; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-blue, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-branded { background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-purple { background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-disabled, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-inactive { background-color: #F2F2F2; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-pro, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-beta { min-width: auto; height: 12px; padding: 2px 8px 1px; border: 0; border-radius: 6px; font-size: 8px; line-height: 9px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-pro { background-color: #8D00B1; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-beta { background-color: #FF7E41; color: #fff; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-red, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-error { border-color: #FFE5E9; background-color: transparent; color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-yellow, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-warning { border-color: #FFF5D5; background-color: transparent; color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-green, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upsell, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-success, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upgrade { border-color: #D1F1EA; background-color: transparent; color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-blue, .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-branded { border-color: #E1F6FF; background-color: transparent; color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-purple { border-color: #F9E1FF; background-color: transparent; color: #8D00B1; } .sui-2-3-16 .sui-wrap .sui-tag:first-child { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-tag:last-child { margin-right: 0; } .sui-2-3-16 .sui-wrap .sui-label, .sui-2-3-16 .sui-wrap .sui-label-inline { display: -ms-inline-flexbox; display: inline-flex; padding: 0; border: 0; color: #888; font: 500 12px/16px "Roboto",Arial,sans-serif; } .sui-2-3-16 .sui-wrap .sui-form-control, .sui-2-3-16 .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: -.25px; transition: 0.3s ease-in-out; } .sui-2-3-16 .sui-wrap .sui-form-control, .sui-2-3-16 .sui-wrap .sui-multi-checkbox, .sui-2-3-16 .sui-wrap .sui-form-control:hover, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:hover, .sui-2-3-16 .sui-wrap .sui-form-control:focus, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:focus, .sui-2-3-16 .sui-wrap .sui-form-control:active, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:active { outline: none; box-shadow: none; } .sui-2-3-16 .sui-wrap .sui-form-control:hover, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:hover, .sui-2-3-16 .sui-wrap .sui-form-control:focus, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:focus { border-color: #ddd; background-color: #fff; } .sui-2-3-16 .sui-wrap .sui-form-control:focus, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:focus { background-color: #fff; color: #333; } .sui-2-3-16 .sui-wrap .sui-form-control:-ms-input-placeholder, .sui-2-3-16 .sui-wrap .sui-multi-checkbox:-ms-input-placeholder { color: #aaa; } .sui-2-3-16 .sui-wrap .sui-form-control::-ms-input-placeholder, .sui-2-3-16 .sui-wrap .sui-multi-checkbox::-ms-input-placeholder { color: #aaa; } .sui-2-3-16 .sui-wrap .sui-form-control::placeholder, .sui-2-3-16 .sui-wrap .sui-multi-checkbox::placeholder { color: #aaa; } .sui-2-3-16 .sui-wrap .sui-form-control[disabled], .sui-2-3-16 .sui-wrap .sui-multi-checkbox[disabled], .sui-2-3-16 .sui-wrap .sui-disabled.sui-form-control, .sui-2-3-16 .sui-wrap .sui-disabled.sui-multi-checkbox, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-form-control, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-multi-checkbox { cursor: not-allowed; } .sui-2-3-16 .sui-wrap .sui-form-control[disabled], .sui-2-3-16 .sui-wrap .sui-multi-checkbox[disabled], .sui-2-3-16 .sui-wrap .sui-form-control[disabled]:focus, .sui-2-3-16 .sui-wrap .sui-multi-checkbox[disabled]:focus, .sui-2-3-16 .sui-wrap .sui-form-control[disabled]:hover, .sui-2-3-16 .sui-wrap .sui-multi-checkbox[disabled]:hover, .sui-2-3-16 .sui-wrap .sui-disabled.sui-form-control, .sui-2-3-16 .sui-wrap .sui-disabled.sui-multi-checkbox, .sui-2-3-16 .sui-wrap .sui-disabled.sui-form-control:focus, .sui-2-3-16 .sui-wrap .sui-disabled.sui-multi-checkbox:focus, .sui-2-3-16 .sui-wrap .sui-disabled.sui-form-control:hover, .sui-2-3-16 .sui-wrap .sui-disabled.sui-multi-checkbox:hover, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-form-control, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-multi-checkbox, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-form-control:focus, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-multi-checkbox:focus, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-form-control:hover, fieldset[disabled] .sui-2-3-16 .sui-wrap .sui-multi-checkbox:hover { border-color: #F2F2F2; background-color: #F2F2F2; color: #aaa; } .sui-2-3-16 .sui-wrap .sui-form-control::-ms-expand, .sui-2-3-16 .sui-wrap .sui-multi-checkbox::-ms-expand { border: 0; background-color: transparent; } .sui-2-3-16 .sui-wrap label { cursor: default; } .sui-2-3-16 .sui-wrap label[for] { cursor: pointer; } .sui-2-3-16 .sui-wrap .sui-label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 5px; } .sui-2-3-16 .sui-wrap .sui-label .sui-tag { margin-left: 5px; } .sui-2-3-16 .sui-wrap .sui-label .sui-tag.sui-left { margin-right: 5px; margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-label:last-child { margin: 0; } .sui-2-3-16 .sui-wrap .sui-label-link { margin-right: 0; margin-left: auto; color: #888; font-weight: 400; } .sui-2-3-16 .sui-wrap .sui-label-inline { margin: 0; } .sui-2-3-16 .sui-wrap .sui-label-note { margin-right: 0; margin-left: auto; } .sui-2-3-16 .sui-wrap .sui-form-control, .sui-2-3-16 .sui-wrap .sui-multi-checkbox { display: block; } .sui-2-3-16 .sui-wrap .sui-form-control.sui-input-sm, .sui-2-3-16 .sui-wrap .sui-input-sm.sui-multi-checkbox { max-width: 80px; } .sui-2-3-16 .sui-wrap .sui-form-control.sui-input-md, .sui-2-3-16 .sui-wrap .sui-input-md.sui-multi-checkbox { max-width: 240px; } .sui-2-3-16 .sui-wrap .sui-form-control.sui-field-has-prefix, .sui-2-3-16 .sui-wrap .sui-field-has-prefix.sui-multi-checkbox, .sui-2-3-16 .sui-wrap .sui-form-control.sui-field-has-suffix, .sui-2-3-16 .sui-wrap .sui-field-has-suffix.sui-multi-checkbox { width: auto; display: inline-block; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox { height: auto; max-height: 114px; overflow-y: auto; padding: 1px; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label { margin: 1px 0; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label input:checked+span { background-color: #17A8E3; color: #fff; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label span { display: block; padding: 10px; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label:first-child { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label:first-child span { border-radius: 3px 3px 0 0; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-multi-checkbox label:last-child span { border-radius: 0 0 3px 3px; } .sui-2-3-16 .sui-wrap .sui-description, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label { display: block; margin-top: 5px; color: #888; font-size: 13px; line-height: 16px; font-weight: 400; } .sui-2-3-16 .sui-wrap .sui-description.sui-toggle-description, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label.sui-toggle-description { margin-left: 48px; } .sui-2-3-16 .sui-wrap .sui-description.sui-checkbox-description, .sui-2-3-16 .sui-wrap .sui-description.sui-radio-description, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label.sui-checkbox-description, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label.sui-radio-description { margin: 0 27px 5px; } .sui-2-3-16 .sui-wrap .sui-description+.sui-form-field, .sui-2-3-16 .sui-wrap .sui-description+.sui-form-field-inline, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label+.sui-form-field, .sui-2-3-16 .sui-wrap .sui-multi-checkbox label+.sui-form-field-inline { margin-top: 20px; } .sui-2-3-16 .sui-wrap .sui-error-message { display: block; margin-top: 8px; color: #FF6D6D; font-size: 12px; line-height: 16px; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-form-field.sui-input-sm { max-width: 80px; } .sui-2-3-16 .sui-wrap .sui-form-field.sui-input-md { max-width: 240px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field>.sui-row [class^="sui-col"] { padding-right: 5px; padding-left: 5px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field>.sui-row:first-child { margin-top: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field>.sui-row { margin-top: 10px; margin-right: -5px; margin-bottom: 0; margin-left: -5px; } } .sui-2-3-16 .sui-wrap .sui-form-field:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-form-field:last-child { margin-bottom: 0; } } .sui-2-3-16 .sui-wrap .sui-form-field.sui-has_error .sui-form-control, .sui-2-3-16 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox, .sui-2-3-16 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control, .sui-2-3-16 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox { border-bottom: 2px solid #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-form-field.sui-has_error .sui-control-with-icon [class*="sui-icon-"]:before, .sui-2-3-16 .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-3-16 .sui-wrap .sui-form-field { margin-bottom: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field { margin-bottom: 30px; } } .sui-2-3-16 .sui-wrap .sui-field-suffix, .sui-2-3-16 .sui-wrap .sui-field-prefix { display: inline-block; color: #888888; font-size: 13px; line-height: 22px; } .sui-2-3-16 .sui-wrap .sui-field-prefix { margin-right: 10px; } .sui-2-3-16 .sui-wrap .sui-field-suffix { margin-left: 10px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline>.sui-form-field:first-child, .sui-2-3-16 .sui-wrap .sui-form-field-inline>.select-container:first-child { margin-left: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline>.sui-form-field:last-child, .sui-2-3-16 .sui-wrap .sui-form-field-inline>.select-container:last-child { margin-right: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline>.sui-form-field, .sui-2-3-16 .sui-wrap .sui-form-field-inline>.select-container { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; margin-bottom: 0; margin-right: 10px; margin-left: 10px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline>.sui-form-field { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline>p, .sui-2-3-16 .sui-wrap .sui-form-field-inline>span, .sui-2-3-16 .sui-wrap .sui-form-field-inline>.sui-label { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-form-field-inline { margin-bottom: 20px; } } .sui-2-3-16 .sui-wrap .sui-control-with-icon { position: relative; } .sui-2-3-16 .sui-wrap .sui-control-with-icon .sui-form-control, .sui-2-3-16 .sui-wrap .sui-control-with-icon .sui-multi-checkbox { padding-left: 40px; } .sui-2-3-16 .sui-wrap .sui-control-with-icon select.sui-select+.select2-container .select2-selection__rendered { padding-left: 40px; } .sui-2-3-16 .sui-wrap .sui-control-with-icon [class*="sui-icon-"] { width: 16px; height: 16px; pointer-events: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 11px; left: 14px; } .sui-2-3-16 .sui-wrap .sui-control-with-icon [class*="sui-icon-"]:before { color: #aaa; display: block; } .sui-2-3-16 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-form-control, .sui-2-3-16 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-multi-checkbox { padding-right: 40px; padding-left: 14px; } .sui-2-3-16 .sui-wrap .sui-control-with-icon.sui-right-icon [class*="sui-icon-"] { right: 14px; left: auto; color: #888; } .sui-2-3-16 .sui-wrap .sui-with-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-with-button .sui-button { -ms-flex: 0 0 auto; flex: 0 0 auto; } .sui-2-3-16 .sui-wrap .sui-with-button .sui-form-control, .sui-2-3-16 .sui-wrap .sui-with-button .sui-multi-checkbox { -ms-flex: 1; flex: 1; margin: 0 5px; } .sui-2-3-16 .sui-wrap .sui-with-button .sui-form-control:first-child, .sui-2-3-16 .sui-wrap .sui-with-button .sui-multi-checkbox:first-child { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-with-button .sui-form-control:last-child, .sui-2-3-16 .sui-wrap .sui-with-button .sui-multi-checkbox:last-child { margin-right: 0; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-inside, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-inside { display: block; position: relative; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-inside .sui-button, .sui-2-3-16 .sui-wrap .sui-with-button.sui-inside .sui-button-icon, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-icon { position: absolute; top: 5px; right: 5px; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-inside .sui-button-lg, .sui-2-3-16 .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-3-16 .sui-wrap .sui-with-button.sui-inside .sui-form-control, .sui-2-3-16 .sui-wrap .sui-with-button.sui-inside .sui-multi-checkbox, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-inside .sui-form-control, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-inside .sui-multi-checkbox { margin: 0; padding-right: 90px; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon { display: block; position: relative; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-icon { position: absolute; top: 5px; right: 5px; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-lg { top: 0; right: 0; } .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon .sui-form-control, .sui-2-3-16 .sui-wrap .sui-with-button.sui-with-button-icon .sui-multi-checkbox { margin: 0; padding-right: 40px; } .sui-2-3-16 .sui-wrap .sui-input-group { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; position: relative; } .sui-2-3-16 .sui-wrap .sui-password-group { position: relative; } .sui-2-3-16 .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: transparent; color: #888; font-size: 15px; line-height: 1em; transform: translateY(-50%); } .sui-2-3-16 .sui-wrap .sui-password-group .sui-password-toggle:hover, .sui-2-3-16 .sui-wrap .sui-password-group .sui-password-toggle:focus, .sui-2-3-16 .sui-wrap .sui-password-group .sui-password-toggle:active { outline: 0; } .sui-2-3-16 .sui-wrap .sui-password-group .sui-password-toggle:hover { background-color: rgba(0,0,0,0.03); } .sui-2-3-16 .sui-wrap .sui-password-group .sui-password-toggle:hover [class*="sui-icon-"]:before { color: #666; } .sui-2-3-16 .sui-wrap .sui-date { position: relative; } .sui-2-3-16 .sui-wrap .sui-date .sui-form-control:first-child, .sui-2-3-16 .sui-wrap .sui-date .sui-multi-checkbox:first-child { padding-right: 40px; } .sui-2-3-16 .sui-wrap .sui-date .sui-form-control:last-child, .sui-2-3-16 .sui-wrap .sui-date .sui-multi-checkbox:last-child { padding-left: 40px; } .sui-2-3-16 .sui-wrap .sui-date [class*="sui-icon-"] { width: 30px; height: 30px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 5px; } .sui-2-3-16 .sui-wrap .sui-date [class*="sui-icon-"]:before { display: block; } .sui-2-3-16 .sui-wrap .sui-date [class*="sui-icon-"]:first-child { left: 5px; } .sui-2-3-16 .sui-wrap .sui-date [class*="sui-icon-"]:last-child { right: 5px; } .sui-2-3-16 .sui-wrap .sui-multi-date { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-multi-date .sui-form-field { -ms-flex: 1; flex: 1; } .sui-2-3-16 .sui-wrap .sui-multi-date .sui-form-field+button { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-multi-date .sui-form-field { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-multi-date .sui-form-field { margin-bottom: 0; } } .sui-2-3-16 .sui-wrap .sui-multi-date:not(:last-child) { margin-bottom: 10px; } .sui-2-3-16 .sui-wrap .sui-insert-variables { position: relative; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-form-control, .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-multi-checkbox { padding-right: 53px; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container { position: absolute; top: 0; right: 0; border: 0; background-color: transparent; pointer-events: none; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .dropdown-handle { display: none; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container { padding-right: 0; pointer-events: initial; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value { width: 40px; height: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0; border: 1px solid #ddd; border-left-color: transparent; border-radius: 0 4px 4px 0; color: transparent; font-size: 16px; transition: 0.2s ease; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover { border-left-color: #ddd; background-color: #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover:before { color: #666; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before { content: "@"; width: 16px; height: 16px; display: block; position: absolute; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results { width: 320px; left: auto; margin-right: 0; border-color: #ddd; background-color: #fff; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex { display: -ms-flexbox; display: flex; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span { pointer-events: none; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span { -ms-flex: 1; flex: 1; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span+span { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 5px; color: #AAA; font-size: 12px; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current { background-color: transparent; color: #888; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current:hover { background-color: #F8F8F8; color: #333; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value { z-index: 1011; border-bottom-color: #fff; border-left-color: #ddd; background-color: #fff; border-bottom-right-radius: 0; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value:before { color: #333; } .sui-2-3-16 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-results { top: 38px; border-top-right-radius: 0; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 { width: auto !important; height: auto !important; display: block; position: absolute; top: 0; right: 0; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 * { display: block; outline: none; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single { height: auto; border: 1px solid #ddd; border-left-color: transparent; border-radius: 0 4px 4px 0; background-color: transparent; transition: 0.2s ease; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow { width: 38px; height: 38px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; top: auto; right: auto; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before { content: "@"; display: block; margin: 0 auto; color: #888; font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow b { display: none; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover { border-left-color: #ddd; background-color: #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover .select2-selection__arrow:before { color: #666; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single { border-left-color: #ddd; background-color: #fff; border-bottom-right-radius: 0; } .sui-2-3-16 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single .select2-selection__arrow:before { color: #333; } .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value, .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value { border-color: transparent; } .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value:hover, .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value:hover { border-left-color: transparent; background-color: transparent; } .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container.active .select-list-container .list-value, .sui-2-3-16 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container.active .select-list-container .list-value { border-left-color: transparent; background-color: transparent; } .sui-2-3-16 .sui-wrap textarea.sui-form-control, .sui-2-3-16 .sui-wrap textarea.sui-multi-checkbox { max-width: 100%; height: auto; resize: vertical; line-height: 20px; } .sui-2-3-16 .sui-wrap select.sui-form-control, .sui-2-3-16 .sui-wrap select.sui-multi-checkbox { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; 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-3-16 .sui-wrap .sui-radio, .sui-2-3-16 .sui-wrap .sui-checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-align: start; align-items: flex-start; } .sui-2-3-16 .sui-wrap .sui-radio input+span, .sui-2-3-16 .sui-wrap .sui-checkbox input+span { width: 16px; height: 16px; cursor: pointer; display: block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin: 3px 0; border: 1px solid #ddd; border-radius: 4px; background-color: #FAFAFA; transition: 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-radio input+span:before, .sui-2-3-16 .sui-wrap .sui-checkbox input+span:before { opacity: 0; transition: 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-radio input+span+span, .sui-2-3-16 .sui-wrap .sui-checkbox input+span+span, .sui-2-3-16 .sui-wrap .sui-radio input+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-checkbox input+span+.sui-description { cursor: pointer; margin: 0 0 0 10px; color: #666; font-size: 15px; line-height: 22px; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-radio input+span+span.sui-description-sm, .sui-2-3-16 .sui-wrap .sui-checkbox input+span+span.sui-description-sm, .sui-2-3-16 .sui-wrap .sui-radio input+span+.sui-description.sui-description-sm, .sui-2-3-16 .sui-wrap .sui-checkbox input+span+.sui-description.sui-description-sm { font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-radio input+span ~ .sui-tag, .sui-2-3-16 .sui-wrap .sui-checkbox input+span ~ .sui-tag { margin-top: auto; margin-bottom: auto; margin-left: 10px; } .sui-2-3-16 .sui-wrap .sui-radio input:checked+span, .sui-2-3-16 .sui-wrap .sui-checkbox input:checked+span { border-color: #17A8E3; background-color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-radio input:checked+span:before, .sui-2-3-16 .sui-wrap .sui-checkbox input:checked+span:before { opacity: 1; } .sui-2-3-16 .sui-wrap .sui-radio input:disabled+span, .sui-2-3-16 .sui-wrap .sui-checkbox input:disabled+span, .sui-2-3-16 .sui-wrap .sui-radio input[disabled]+span, .sui-2-3-16 .sui-wrap .sui-checkbox input[disabled]+span, .sui-2-3-16 .sui-wrap .sui-radio input.sui-disabled+span, .sui-2-3-16 .sui-wrap .sui-checkbox input.sui-disabled+span { cursor: not-allowed; border-color: #F2F2F2; background-color: #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-radio input:disabled+span+span, .sui-2-3-16 .sui-wrap .sui-checkbox input:disabled+span+span, .sui-2-3-16 .sui-wrap .sui-radio input:disabled+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-checkbox input:disabled+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-radio input[disabled]+span+span, .sui-2-3-16 .sui-wrap .sui-checkbox input[disabled]+span+span, .sui-2-3-16 .sui-wrap .sui-radio input[disabled]+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-checkbox input[disabled]+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-radio input.sui-disabled+span+span, .sui-2-3-16 .sui-wrap .sui-checkbox input.sui-disabled+span+span, .sui-2-3-16 .sui-wrap .sui-radio input.sui-disabled+span+.sui-description, .sui-2-3-16 .sui-wrap .sui-checkbox input.sui-disabled+span+.sui-description { cursor: not-allowed; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-radio:last-child, .sui-2-3-16 .sui-wrap .sui-checkbox:last-child { margin-bottom: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio:last-child, .sui-2-3-16 .sui-wrap .sui-checkbox:last-child { margin-right: 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-radio, .sui-2-3-16 .sui-wrap .sui-checkbox { display: -ms-flexbox; display: flex; margin: 0 0 10px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio, .sui-2-3-16 .sui-wrap .sui-checkbox { display: -ms-inline-flexbox; display: inline-flex; margin: 0 15px 0 0; } } .sui-2-3-16 .sui-wrap .sui-radio input+span { position: relative; border-radius: 50%; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-radio input:disabled+span:before, .sui-2-3-16 .sui-wrap .sui-radio input[disabled]+span:before, .sui-2-3-16 .sui-wrap .sui-radio input.sui-disabled+span:before { background-color: #aaa; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio.sui-radio-stacked:last-child { margin: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio.sui-radio-stacked { display: -ms-flexbox; display: flex; margin: 0 0 10px; } } .sui-2-3-16 .sui-wrap .sui-radio.sui-radio-sm input+span+span, .sui-2-3-16 .sui-wrap .sui-radio.sui-radio-sm input+span+.sui-description { font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-radio-image { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-radio-image img { display: block; margin: 0; padding: 0; border: 0; } .sui-2-3-16 .sui-wrap .sui-radio-image img+.sui-radio { margin-top: 15px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-radio-image+* { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio-image+* { margin-left: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio-image.sui-radio-stacked+* { margin-top: 30px; margin-left: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio-image.sui-radio-stacked { display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-radio-image { display: -ms-flexbox; display: flex; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-radio-image { display: -ms-inline-flexbox; display: inline-flex; } } .sui-2-3-16 .sui-wrap .sui-checkbox input+span:before { content: "Ω"; width: 14px; height: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 10px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-checkbox input:disabled+span:before, .sui-2-3-16 .sui-wrap .sui-checkbox input[disabled]+span:before, .sui-2-3-16 .sui-wrap .sui-checkbox input.sui-disabled+span:before { color: #aaa; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child { margin: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox.sui-checkbox-stacked { display: -ms-flexbox; display: flex; margin: 0 0 10px; } } .sui-2-3-16 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+span, .sui-2-3-16 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+.sui-description { font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-checkbox-image { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-checkbox-image img { display: block; margin: 0; padding: 0; border: 0; } .sui-2-3-16 .sui-wrap .sui-checkbox-image img+.sui-checkbox { margin-top: 15px; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image+* { margin-top: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image+* { margin-left: 20px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked+* { margin-top: 30px; margin-left: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked { display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image { display: -ms-flexbox; display: flex; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-checkbox-image { display: -ms-inline-flexbox; display: inline-flex; } } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs], .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu { display: -ms-flexbox; display: flex; margin: 0; padding: 0; border-top: 1px solid #E6E6E6; list-style: none; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item { cursor: pointer; margin: 0 10px; padding: 14px 0 12px; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited { border-bottom: 2px solid transparent; color: #888; font-size: 12px; line-height: 22px; font-weight: 500; text-transform: uppercase; text-decoration: none; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:first-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:first-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:first-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:first-child { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:last-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:last-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:last-child, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:last-child { margin-right: 0; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active { color: #333; border-bottom-color: #333; } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*, .sui-2-3-16 .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-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*.active, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content.active { display: block; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*, .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content { padding: 30px 0 0; } } .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>[data-tabs], .sui-2-3-16 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu { border-top-width: 0; } .sui-2-3-16 .sui-wrap .sui-side-tabs { margin: 0 0 20px; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs], .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item { cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1px 0 0; padding: 9px 20px; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:focus, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:hover, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:active, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:visited, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:focus, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:hover, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:active, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:visited, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:focus, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:hover, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:visited, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:focus, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:hover, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:visited { background-color: #F8F8F8; color: #666; font-size: 13px; line-height: 22px; font-weight: 500; letter-spacing: -.25px; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:first-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:first-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:first-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:first-child { border-radius: 4px 0 0 4px; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*:last-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:last-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:last-child, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:last-child { margin: 0; border-radius: 0 4px 4px 0; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs]>*.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active { background-color: #E1F6FF; color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content { display: none; margin: 10px 0 0; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed, .sui-2-3-16 .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-3-16 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed { padding: 30px; } } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>*.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.active, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.active { display: block; } .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>*, .sui-2-3-16 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>.sui-tab-content { margin-top: 30px; } .sui-2-3-16 .sui-wrap .sui-side-tabs:last-child { margin: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-side-tabs:last-child { margin: 0; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-side-tabs { margin: 0 0 30px; } } .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs], .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu { padding: 0 20px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs], .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu { padding: 0 30px; } } .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 20px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*, .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content { padding: 30px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed { margin: -20px !important; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-box-body>.sui-tabs-flushed { margin: -30px !important; } } .sui-2-3-16 .sui-wrap { position: relative; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav { width: 100%; display: table; table-layout: fixed; clear: both; margin-bottom: 30px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav { vertical-align: top; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin: 15px 0 0; padding: 0; border: 0; list-style: none; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab { height: 30px; position: relative; margin: 0 0 6px; padding: 5px 15px; line-height: 1.5em; list-style: none; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current { background-color: #E6E6E6; border-radius: 20px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current a { color: #333; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab i, .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag { position: absolute; top: 2px; right: 3px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"] { top: 6px; right: 7px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"]:before { font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a { display: block; color: #666; font-weight: 500; transition: 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:hover, .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:focus { color: #333; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab { height: auto; padding: 0; background-color: transparent; line-height: auto; } .sui-2-3-16 .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: transparent; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin-bottom: 15px; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs { margin-bottom: 30px; } } @media (max-width: 1199px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input { left: 0 !important; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input { width: 240px; position: absolute; top: 0; left: 230px; margin: 0; } } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field { margin: 0 0 10px; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field .sui-mobile-nav { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field:last-child { margin: 0; } @media (max-width: 1199px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings { margin-bottom: 20px; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings { padding-left: 15px; } } @media (max-width: 1199px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-md { display: none; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-lg { display: none; } } @media (max-width: 1199px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav { width: 100%; display: block; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav { width: 220px; display: table-cell; padding-right: 30px; } } @media (min-width: 1200px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav .sui-sidenav-sticky { position: -webkit-sticky !important; position: sticky !important; top: 47px; z-index: 11; } } .sui-2-3-16 .sui-wrap .sui-row-with-sidenav>div:not(.sui-sidenav) { display: block; position: relative; vertical-align: top; } @media (max-width: 1100px) { .sui-2-3-16 .sui-wrap .sui-row-with-sidenav { display: block; } } @keyframes sui1 { to { stroke-dasharray: 2.63894 262.89378; } } @keyframes sui2 { to { stroke-dasharray: 5.27788 525.78757; } } @keyframes sui3 { to { stroke-dasharray: 7.91681 788.68135; } } @keyframes sui4 { to { stroke-dasharray: 10.55575 1051.57513; } } @keyframes sui5 { to { stroke-dasharray: 13.19469 1314.46891; } } @keyframes sui6 { to { stroke-dasharray: 15.83363 1577.3627; } } @keyframes sui7 { to { stroke-dasharray: 18.47256 1840.25648; } } @keyframes sui8 { to { stroke-dasharray: 21.1115 2103.15026; } } @keyframes sui9 { to { stroke-dasharray: 23.75044 2366.04405; } } @keyframes sui10 { to { stroke-dasharray: 26.38938 2628.93783; } } @keyframes sui11 { to { stroke-dasharray: 29.02832 2891.83161; } } @keyframes sui12 { to { stroke-dasharray: 31.66725 3154.72539; } } @keyframes sui13 { to { stroke-dasharray: 34.30619 3417.61918; } } @keyframes sui14 { to { stroke-dasharray: 36.94513 3680.51296; } } @keyframes sui15 { to { stroke-dasharray: 39.58407 3943.40674; } } @keyframes sui16 { to { stroke-dasharray: 42.22301 4206.30053; } } @keyframes sui17 { to { stroke-dasharray: 44.86194 4469.19431; } } @keyframes sui18 { to { stroke-dasharray: 47.50088 4732.08809; } } @keyframes sui19 { to { stroke-dasharray: 50.13982 4994.98188; } } @keyframes sui20 { to { stroke-dasharray: 52.77876 5257.87566; } } @keyframes sui21 { to { stroke-dasharray: 55.41769 5520.76944; } } @keyframes sui22 { to { stroke-dasharray: 58.05663 5783.66322; } } @keyframes sui23 { to { stroke-dasharray: 60.69557 6046.55701; } } @keyframes sui24 { to { stroke-dasharray: 63.33451 6309.45079; } } @keyframes sui25 { to { stroke-dasharray: 65.97345 6572.34457; } } @keyframes sui26 { to { stroke-dasharray: 68.61238 6835.23836; } } @keyframes sui27 { to { stroke-dasharray: 71.25132 7098.13214; } } @keyframes sui28 { to { stroke-dasharray: 73.89026 7361.02592; } } @keyframes sui29 { to { stroke-dasharray: 76.5292 7623.9197; } } @keyframes sui30 { to { stroke-dasharray: 79.16813 7886.81349; } } @keyframes sui31 { to { stroke-dasharray: 81.80707 8149.70727; } } @keyframes sui32 { to { stroke-dasharray: 84.44601 8412.60105; } } @keyframes sui33 { to { stroke-dasharray: 87.08495 8675.49484; } } @keyframes sui34 { to { stroke-dasharray: 89.72389 8938.38862; } } @keyframes sui35 { to { stroke-dasharray: 92.36282 9201.2824; } } @keyframes sui36 { to { stroke-dasharray: 95.00176 9464.17618; } } @keyframes sui37 { to { stroke-dasharray: 97.6407 9727.06997; } } @keyframes sui38 { to { stroke-dasharray: 100.27964 9989.96375; } } @keyframes sui39 { to { stroke-dasharray: 102.91858 10252.85753; } } @keyframes sui40 { to { stroke-dasharray: 105.55751 10515.75132; } } @keyframes sui41 { to { stroke-dasharray: 108.19645 10778.6451; } } @keyframes sui42 { to { stroke-dasharray: 110.83539 11041.53888; } } @keyframes sui43 { to { stroke-dasharray: 113.47433 11304.43266; } } @keyframes sui44 { to { stroke-dasharray: 116.11326 11567.32645; } } @keyframes sui45 { to { stroke-dasharray: 118.7522 11830.22023; } } @keyframes sui46 { to { stroke-dasharray: 121.39114 12093.11401; } } @keyframes sui47 { to { stroke-dasharray: 124.03008 12356.0078; } } @keyframes sui48 { to { stroke-dasharray: 126.66902 12618.90158; } } @keyframes sui49 { to { stroke-dasharray: 129.30795 12881.79536; } } @keyframes sui50 { to { stroke-dasharray: 131.94689 13144.68915; } } @keyframes sui51 { to { stroke-dasharray: 134.58583 13407.58293; } } @keyframes sui52 { to { stroke-dasharray: 137.22477 13670.47671; } } @keyframes sui53 { to { stroke-dasharray: 139.8637 13933.37049; } } @keyframes sui54 { to { stroke-dasharray: 142.50264 14196.26428; } } @keyframes sui55 { to { stroke-dasharray: 145.14158 14459.15806; } } @keyframes sui56 { to { stroke-dasharray: 147.78052 14722.05184; } } @keyframes sui57 { to { stroke-dasharray: 150.41946 14984.94563; } } @keyframes sui58 { to { stroke-dasharray: 153.05839 15247.83941; } } @keyframes sui59 { to { stroke-dasharray: 155.69733 15510.73319; } } @keyframes sui60 { to { stroke-dasharray: 158.33627 15773.62697; } } @keyframes sui61 { to { stroke-dasharray: 160.97521 16036.52076; } } @keyframes sui62 { to { stroke-dasharray: 163.61415 16299.41454; } } @keyframes sui63 { to { stroke-dasharray: 166.25308 16562.30832; } } @keyframes sui64 { to { stroke-dasharray: 168.89202 16825.20211; } } @keyframes sui65 { to { stroke-dasharray: 171.53096 17088.09589; } } @keyframes sui66 { to { stroke-dasharray: 174.1699 17350.98967; } } @keyframes sui67 { to { stroke-dasharray: 176.80883 17613.88345; } } @keyframes sui68 { to { stroke-dasharray: 179.44777 17876.77724; } } @keyframes sui69 { to { stroke-dasharray: 182.08671 18139.67102; } } @keyframes sui70 { to { stroke-dasharray: 184.72565 18402.5648; } } @keyframes sui71 { to { stroke-dasharray: 187.36459 18665.45859; } } @keyframes sui72 { to { stroke-dasharray: 190.00352 18928.35237; } } @keyframes sui73 { to { stroke-dasharray: 192.64246 19191.24615; } } @keyframes sui74 { to { stroke-dasharray: 195.2814 19454.13993; } } @keyframes sui75 { to { stroke-dasharray: 197.92034 19717.03372; } } @keyframes sui76 { to { stroke-dasharray: 200.55928 19979.9275; } } @keyframes sui77 { to { stroke-dasharray: 203.19821 20242.82128; } } @keyframes sui78 { to { stroke-dasharray: 205.83715 20505.71507; } } @keyframes sui79 { to { stroke-dasharray: 208.47609 20768.60885; } } @keyframes sui80 { to { stroke-dasharray: 211.11503 21031.50263; } } @keyframes sui81 { to { stroke-dasharray: 213.75396 21294.39642; } } @keyframes sui82 { to { stroke-dasharray: 216.3929 21557.2902; } } @keyframes sui83 { to { stroke-dasharray: 219.03184 21820.18398; } } @keyframes sui84 { to { stroke-dasharray: 221.67078 22083.07776; } } @keyframes sui85 { to { stroke-dasharray: 224.30972 22345.97155; } } @keyframes sui86 { to { stroke-dasharray: 226.94865 22608.86533; } } @keyframes sui87 { to { stroke-dasharray: 229.58759 22871.75911; } } @keyframes sui88 { to { stroke-dasharray: 232.22653 23134.6529; } } @keyframes sui89 { to { stroke-dasharray: 234.86547 23397.54668; } } @keyframes sui90 { to { stroke-dasharray: 237.5044 23660.44046; } } @keyframes sui91 { to { stroke-dasharray: 240.14334 23923.33424; } } @keyframes sui92 { to { stroke-dasharray: 242.78228 24186.22803; } } @keyframes sui93 { to { stroke-dasharray: 245.42122 24449.12181; } } @keyframes sui94 { to { stroke-dasharray: 248.06016 24712.01559; } } @keyframes sui95 { to { stroke-dasharray: 250.69909 24974.90938; } } @keyframes sui96 { to { stroke-dasharray: 253.33803 25237.80316; } } @keyframes sui97 { to { stroke-dasharray: 255.97697 25500.69694; } } @keyframes sui98 { to { stroke-dasharray: 258.61591 25763.59072; } } @keyframes sui99 { to { stroke-dasharray: 261.25485 26026.48451; } } @keyframes sui100 { to { stroke-dasharray: 263.89378 26289.37829; } } .sui-2-3-16 .sui-wrap .sui-circle-score { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 30px; width: auto; opacity: 0; transition: all .4s; } .sui-2-3-16 .sui-wrap .sui-circle-score svg { height: 100%; transform: rotate(-90deg); transform-origin: center; } .sui-2-3-16 .sui-wrap .sui-circle-score svg circle { fill: none; stroke-linecap: butt; } .sui-2-3-16 .sui-wrap .sui-circle-score svg circle:first-child { stroke: #F2F2F2; } .sui-2-3-16 .sui-wrap .sui-circle-score svg circle:last-child { stroke: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-circle-score.loaded { opacity: 1; } .sui-2-3-16 .sui-wrap .sui-circle-score-label { margin-left: 10px; font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-circle-score-sm { height: 30px; } .sui-2-3-16 .sui-wrap .sui-circle-score-lg { height: 120px; } .sui-2-3-16 .sui-wrap .sui-circle-score-lg .sui-circle-score-label { display: none; } .sui-2-3-16 .sui-wrap .sui-grade-success svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-aplus svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-a svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-b svg circle:last-child { stroke: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-grade-warning svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-c svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-d svg circle:last-child { stroke: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-grade-error svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-e svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-f svg circle:last-child { stroke: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-grade-dismissed svg circle:last-child, .sui-2-3-16 .sui-wrap .sui-grade-disabled svg circle:last-child { stroke: #aaa; } .sui-2-3-16 .sui-wrap .sui-footer { margin-top: 40px; color: #aaa; font: 500 12px/22px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-footer [class*="sui-icon-"] { margin: 0 3px; font-size: 11px; } .sui-2-3-16 .sui-wrap .sui-footer [class*="sui-icon-"]:before { display: block; color: #aaa; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-footer { margin-top: 60px; } } .sui-2-3-16 .sui-wrap .sui-footer-nav, .sui-2-3-16 .sui-wrap .sui-footer-social { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 20px 0 0; text-align: center; } .sui-2-3-16 .sui-wrap .sui-footer-nav, .sui-2-3-16 .sui-wrap .sui-footer-nav li, .sui-2-3-16 .sui-wrap .sui-footer-social, .sui-2-3-16 .sui-wrap .sui-footer-social li { padding: 0; border: 0; list-style: none; } .sui-2-3-16 .sui-wrap .sui-footer-nav li, .sui-2-3-16 .sui-wrap .sui-footer-social li { display: -ms-inline-flexbox; display: inline-flex; margin: 0; color: #aaa; font: 400 12px/16px "Roboto",Arial,sans-serif; } .sui-2-3-16 .sui-wrap .sui-footer-nav li a, .sui-2-3-16 .sui-wrap .sui-footer-social li a { display: block; color: #aaa; font-weight: 400; transition: all 0.3s ease; } .sui-2-3-16 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-footer-social li a [class*="sui-icon-"] { width: 30px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap .sui-footer-social li a [class*="sui-icon-"]:before { display: block; color: inherit; } .sui-2-3-16 .sui-wrap .sui-footer-nav li a, .sui-2-3-16 .sui-wrap .sui-footer-nav li a:hover, .sui-2-3-16 .sui-wrap .sui-footer-nav li a:active, .sui-2-3-16 .sui-wrap .sui-footer-social li a, .sui-2-3-16 .sui-wrap .sui-footer-social li a:hover, .sui-2-3-16 .sui-wrap .sui-footer-social li a:active { outline: none; box-shadow: none; } .sui-2-3-16 .sui-wrap .sui-footer-nav li a:hover, .sui-2-3-16 .sui-wrap .sui-footer-nav li a:active, .sui-2-3-16 .sui-wrap .sui-footer-social li a:hover, .sui-2-3-16 .sui-wrap .sui-footer-social li a:active { color: #666; } @media (max-width: 782px) { .sui-2-3-16 .sui-wrap .sui-footer-nav, .sui-2-3-16 .sui-wrap .sui-footer-social { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-footer-nav, .sui-2-3-16 .sui-wrap .sui-footer-social { margin-top: 30px; } } .sui-2-3-16 .sui-wrap .sui-footer-nav li:not(:last-child):after { content: "/"; margin-right: 6px; margin-left: 6px; } .sui-2-3-16 .sui-wrap .sui-footer-social li { margin: 0 5px; } .sui-2-3-16 .sui-wrap .sui-footer-social li:first-child { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-footer-social li:last-child { margin-right: 0; } .sui-2-3-16 .sui-wrap #sui-cross-sell-footer>div { width: 100%; text-align: center; border-bottom: 1px solid #E6E6E6; line-height: 0.1em; margin: 10px 0 40px; } .sui-2-3-16 .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-3-16 .sui-wrap #sui-cross-sell-footer h3 { font-size: 22px; font-weight: bold; line-height: 30px; text-transform: none; } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules { margin-top: 30px; } @media (min-width: 600px) and (max-width: 783px) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-col-md-4 { display: -ms-flexbox; display: flex; } } .sui-2-3-16 .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-3-16 .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,0.25); } @media (min-width: 600px) and (max-width: 783px) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span { top: 110px; } } @media (max-width: 600px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"] { width: 180px; -ms-flex: none; flex: none; border-radius: 4px 0 0 4px; } } @media (max-width: 600px) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"] { height: 80px; min-height: auto; } } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-1 { background-image: url(../images/plugins-hummingbird.jpg); } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span { background: url(../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 (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span { background-image: url(../images/plugins-hummingbird-icon@2x.png); } } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-2 { background-image: url(../images/plugins-defender.jpg); } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span { background: url(../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 (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span { background-image: url(../images/plugins-defender-icon@2x.png); } } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-3 { background-image: url(../images/plugins-smartcrawl.jpg); } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span { background: url(../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 (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span { background-image: url(../images/plugins-smartcrawl-icon@2x.png); } } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-box { margin-bottom: 0; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-cross-sell-modules .sui-box h3 { margin: 0; min-height: auto; } } @media (max-width: 600px) { .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-box h3 { min-height: auto; } } .sui-2-3-16 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body { padding: 30px; border-radius: 0 0 4px 4px; text-align: center; } .sui-2-3-16 .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-3-16 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p { margin-bottom: 14px; } } @media (max-width: 600px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body { text-align: left; } } @media (max-width: 600px) { .sui-2-3-16 .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-3-16 .sui-wrap .sui-cross-sell-modules .sui-box { border-radius: 0 4px 4px 0; } } .sui-2-3-16 .sui-wrap .sui-cross-sell-bottom { text-align: center; margin-top: 50px; } .sui-2-3-16 .sui-wrap .sui-cross-sell-bottom h3 { font-size: 22px; font-weight: bold; line-height: 30px; text-transform: none; } .sui-2-3-16 .sui-wrap .sui-cross-sell-bottom p { max-width: 500px; margin: 20px auto 30px; } .sui-2-3-16 .sui-wrap .sui-cross-sell-bottom .sui-button { margin: 0; } .sui-2-3-16 .sui-wrap .sui-cross-sell-bottom img { display: block; height: auto; max-width: 100%; margin: 30px auto 0; } .sui-2-3-16 #wpfooter { display: none; } .sui-2-3-16 .sui-wrap .sui-progress { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-icon { width: 26px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"] { display: block; font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"]:before { display: block; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-text { margin-left: 0; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-bar { margin-left: 5px; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-text { min-width: 40px; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #888; font: bold 12px/20px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-text span { display: block; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-text+.sui-progress-bar { margin-left: 5px; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-bar { height: 10px; overflow: hidden; -ms-flex: 1; flex: 1; border-radius: 5px; background-color: #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-progress .sui-progress-bar span { height: 100%; display: block; background-color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-progress-block { width: 100%; max-width: 100%; min-height: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 14px 14px; border: 1px solid #E6E6E6; border-radius: 4px; background-color: #fff; } .sui-2-3-16 .sui-wrap .sui-progress-block .sui-progress { -ms-flex: 1; flex: 1; } .sui-2-3-16 .sui-wrap .sui-progress-block .sui-progress+.sui-button, .sui-2-3-16 .sui-wrap .sui-progress-block .sui-progress+.sui-button-icon { margin-left: 10px; } .sui-2-3-16 .sui-wrap .sui-progress-block .sui-button, .sui-2-3-16 .sui-wrap .sui-progress-block .sui-button-icon { -ms-flex: 0 0 auto; flex: 0 0 auto; } .sui-2-3-16 .sui-wrap .sui-progress-block .sui-button-icon [class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-progress-block a.sui-button-icon [class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-progress-block button.sui-button-icon [class*="sui-icon-"] { font-size: 16px; } .sui-2-3-16 .sui-wrap .sui-progress-block+.sui-progress-state { margin-top: 10px; } .sui-2-3-16 .sui-wrap .sui-progress-state { display: block; color: #888; font: 400 13px/22px "Roboto",Arial,sans-serif; letter-spacing: -.25px; text-align: center; } .sui-2-3-16 .sui-wrap .sui-progress-state span { display: block; } .sui-2-3-16 .sui-dialog { position: fixed; z-index: 12; top: 0; right: 0; bottom: 0; left: 160px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: auto; background-color: rgba(51,51,51,0.95); } .sui-2-3-16 .sui-dialog, .sui-2-3-16 .sui-dialog * { box-sizing: border-box; } .sui-2-3-16 .sui-dialog .sui-dialog-overlay { position: absolute; z-index: 13; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 960px) { .sui-2-3-16 .sui-dialog .sui-dialog-overlay { left: 36px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog .sui-dialog-overlay { left: 0; } } .sui-2-3-16 .sui-dialog .sui-dialog-content { width: 100%; max-width: 660px; max-height: 85%; position: relative; z-index: 13; margin: 0 auto; padding: 0 30px; } .sui-2-3-16 .sui-dialog .sui-dialog-content>.sui-box { margin: 30px 0; box-shadow: 0 10px 40px rgba(0,0,0,0.2); } .sui-2-3-16 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>* { margin-bottom: 30px; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>* { margin-bottom: 20px; } } .sui-2-3-16 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*:last-child { margin-bottom: 0; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog .sui-dialog-content>.sui-box { margin: 20px 0; } } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog .sui-dialog-content { max-width: 640px; padding: 0 20px; } } .sui-2-3-16 .sui-dialog .sui-dialog-close { width: 30px; height: 30px; cursor: pointer; margin: 0; padding: 0; border: 0; outline-style: none; background-image: none; background-color: transparent; transition: 0.3s ease; } .sui-2-3-16 .sui-dialog .sui-dialog-close:hover:before, .sui-2-3-16 .sui-dialog .sui-dialog-close:active:before { color: #888; } .sui-2-3-16 .sui-dialog .sui-dialog-close:before { content: ")"; color: #aaa; font-size: 16px; line-height: 30px; } .sui-2-3-16 .sui-dialog .sui-dialog-back { width: 30px; height: 30px; cursor: pointer; margin: 0; padding: 0; border: 0; outline-style: none; background-image: none; background-color: transparent; transition: 0.3s ease; } .sui-2-3-16 .sui-dialog .sui-dialog-back:hover:before, .sui-2-3-16 .sui-dialog .sui-dialog-back:active:before { color: #888; } .sui-2-3-16 .sui-dialog .sui-dialog-back:before { content: "Ó"; color: #aaa; font-size: 16px; line-height: 30px; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-notice, .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-form-field, .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-notice, .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-form-field, .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-notice, .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-form-field { text-align: initial; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header { display: block; position: relative; padding-top: 40px; padding-bottom: 10px; border-bottom: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close { position: absolute; top: 20px; right: 20px; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-back { position: absolute; top: 20px; left: 20px; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-box-title { font-size: 22px; line-height: 30px; font-family: "Roboto Condensed","Roboto",Arial,sans-serif; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image { width: 70px; height: 70px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -35px; border: 5px solid #fff; border-radius: 4px; background-color: #fff; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img { display: block; border-radius: 3px; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image { display: none; } } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child { padding-bottom: 20px; } @media (min-width: 783px) { .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child { padding-bottom: 30px; } } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header+.sui-box-body-slim { padding-top: 10px; } @media (min-width: 783px) { .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header { padding-top: 60px; } } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer { -ms-flex-pack: justify; justify-content: space-between; border-top: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-center { -ms-flex-pack: center; justify-content: center; } .sui-2-3-16 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-right { -ms-flex-pack: end; justify-content: flex-end; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header { border: none; text-align: center; display: block; position: relative; padding-top: 40px; padding-bottom: 10px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close { width: 30px; height: 30px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 15px; right: 15px; margin: 0; padding: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close, .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before { color: #888; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before { font-size: 16px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:hover, .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:focus { outline: none; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close { top: 20px; right: 10px; } } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image { width: 70px; height: 70px; display: block; position: absolute; top: -35px; left: 50%; margin-left: -35px; border: 5px solid #fff; border-radius: 4px; background-color: #fff; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img { display: block; border-radius: 3px; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image { display: none; } } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-box-title { margin: 0; color: #333; font: bold 22px/30px "Roboto Condensed","Roboto",Arial,sans-serif; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p { margin: 10px 0 0; color: #666; font-size: 13px; line-height: 22px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p:first-child { margin-top: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image { margin-top: 35px; padding-top: 60px; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image { margin-top: 0; } } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body { padding-top: 10px; padding-bottom: 15px; text-align: center; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body p { font-size: 13px; line-height: 20px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body label { text-align: left; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-label { line-height: 22px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field { margin-bottom: 20px; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field:last-child { margin-bottom: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body:last-child { padding-bottom: 40px; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body { padding-bottom: 10px; } } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; padding-bottom: 40px; border: 0; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-align-unset { -ms-flex-pack: unset; justify-content: unset; } .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-space-between { -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer { padding-top: 10px; } } .sui-2-3-16 .sui-dialog.sui-dialog-sm .sui-dialog-content { max-width: 460px; } @media (max-width: 400px) { .sui-2-3-16 .sui-dialog.sui-dialog-sm .sui-dialog-content { max-width: calc(400px + (20px*2)); } } .sui-2-3-16 .sui-dialog.sui-dialog-lg .sui-dialog-content { max-width: 1040px; } @media (max-width: 1200px) { .sui-2-3-16 .sui-dialog.sui-dialog-lg .sui-dialog-content { max-width: 1020px; } } .sui-2-3-16 .sui-dialog[aria-hidden="true"] { display: none; } @media (max-width: 960px) { .sui-2-3-16 .sui-dialog { left: 36px; } } @media (max-width: 782px) { .sui-2-3-16 .sui-dialog { left: 0; } } .sui-2-3-16.wp-admin.folded .sui-dialog { left: 36px; } @media (max-width: 782px) { .sui-2-3-16.wp-admin.folded .sui-dialog { left: 0; } } .sui-2-3-16.wp-admin.folded .sui-dialog-overlay { left: 36px; } @media (max-width: 782px) { .sui-2-3-16.wp-admin.folded .sui-dialog-overlay { left: 0; } } html.sui-has-overlay { overflow: hidden; } .sui-2-3-16 .sui-wrap .sui-hidden { display: none; } .sui-2-3-16 .sui-wrap .sui-block-content-center { text-align: center; } .sui-2-3-16 .sui-wrap .sui-image { display: block; height: auto; max-width: 100%; } .sui-2-3-16 .sui-wrap .sui-image-center { margin-right: auto; margin-left: auto; } .sui-2-3-16 .sui-wrap .sui-actions-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 10px; margin-right: auto; } .sui-2-3-16 .sui-wrap .sui-actions-right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: 0; } .sui-2-3-16 .sui-wrap .sui-space-between { -ms-flex-pack: justify; justify-content: space-between; } .sui-2-3-16 .sui-wrap .sui-align-start { -ms-flex-pack: start; justify-content: flex-start; } .sui-2-3-16 .sui-wrap .sui-align-end { -ms-flex-pack: end; justify-content: flex-end; } .sui-2-3-16 .sui-wrap .sui-success { color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-warning { color: #FECF2F; } .sui-2-3-16 .sui-wrap .sui-error { color: #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-info { color: #17A8E3; } .sui-2-3-16 .sui-wrap .sui-no-margin { margin: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-margin-top { margin-top: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-margin-bottom { margin-bottom: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-margin-left { margin-left: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-margin-right { margin-right: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-padding { padding: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-padding-top { padding-top: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-padding-bottom { padding-bottom: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-padding-left { padding-left: 0 !important; } .sui-2-3-16 .sui-wrap .sui-no-padding-right { padding-right: 0 !important; } .sui-2-3-16 .sui-wrap .sui-margin { margin: 30px !important; } .sui-2-3-16 .sui-wrap .sui-margin-top { margin-top: 30px !important; } .sui-2-3-16 .sui-wrap .sui-margin-bottom { margin-bottom: 30px !important; } .sui-2-3-16 .sui-wrap .sui-margin-left { margin-left: 30px !important; } .sui-2-3-16 .sui-wrap .sui-margin-right { margin-right: 30px !important; } .sui-2-3-16 .sui-wrap .sui-padding { padding: 30px !important; } .sui-2-3-16 .sui-wrap .sui-padding-top { padding-top: 30px !important; } .sui-2-3-16 .sui-wrap .sui-padding-bottom { padding-bottom: 30px !important; } .sui-2-3-16 .sui-wrap .sui-padding-left { padding-left: 30px !important; } .sui-2-3-16 .sui-wrap .sui-padding-right { padding-right: 30px !important; } @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-3-16 #wpbody-content>.notice { margin: 10px 30px 15px 10px; } @media (max-width: 782px) { .sui-2-3-16 #wpbody-content>.notice { margin: 20px 10px 0 0px; } } .sui-2-3-16 .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: -.25px; } .sui-2-3-16 .sui-wrap .sui-table thead>tr>th, .sui-2-3-16 .sui-wrap .sui-table thead>tr>.sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table thead>tr>.sui-accordion-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>.sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>.sui-accordion-item-title, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>.sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>.sui-accordion-item-title { color: #333; text-align: left; } .sui-2-3-16 .sui-wrap .sui-table thead>tr>th, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td { height: 40px; vertical-align: middle; padding: 5px 9px; border: 0; border-bottom: 1px solid #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-table thead>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td:first-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td:first-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td:first-child { padding-left: 19px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table thead>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td:first-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td:first-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th:first-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td:first-child { padding-left: 29px; } } .sui-2-3-16 .sui-wrap .sui-table thead>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td:last-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td:last-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td:last-child { padding-right: 19px; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table thead>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td:last-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td:last-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th:last-child, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td:last-child { padding-right: 29px; } } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table thead>tr>th, .sui-2-3-16 .sui-wrap .sui-table thead>tr>td, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>th, .sui-2-3-16 .sui-wrap .sui-table tbody>tr>td, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>th, .sui-2-3-16 .sui-wrap .sui-table tfoot>tr>td { height: 60px; padding-right: 14px; padding-left: 14px; } } .sui-2-3-16 .sui-wrap .sui-table thead:last-child>tr:last-child>th, .sui-2-3-16 .sui-wrap .sui-table thead:last-child>tr:last-child>td, .sui-2-3-16 .sui-wrap .sui-table tbody:last-child>tr:last-child>th, .sui-2-3-16 .sui-wrap .sui-table tbody:last-child>tr:last-child>td, .sui-2-3-16 .sui-wrap .sui-table tfoot:last-child>tr:last-child>th, .sui-2-3-16 .sui-wrap .sui-table tfoot:last-child>tr:last-child>td { border-bottom: 0; } .sui-2-3-16 .sui-wrap .sui-table thead tr th { font-weight: bold; white-space: nowrap; } .sui-2-3-16 .sui-wrap .sui-table tbody tr th .sui-toggle, .sui-2-3-16 .sui-wrap .sui-table tbody tr td .sui-toggle { vertical-align: text-top; } .sui-2-3-16 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"] { margin-right: 10px; font-size: 10px; } .sui-2-3-16 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"].sui-icon-right, .sui-2-3-16 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"].sui-icon-right { margin-right: 0; margin-left: 10px; } .sui-2-3-16 .sui-wrap .sui-table tbody tr th, .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-accordion-item-title { font-weight: 500; } .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"], .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"] { margin-right: 10px; font-size: 16px; vertical-align: middle; } .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"]:before { display: inline-block; line-height: 22px; } .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"].sui-icon-right, .sui-2-3-16 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"].sui-icon-right { margin-right: 0; margin-left: 10px; } .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-error th, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-error .sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-error .sui-accordion-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-warning th, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-warning .sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-warning .sui-accordion-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-success th, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-success .sui-table-item-title, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-success .sui-accordion-item-title { color: #333; } .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-error td, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-warning td, .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-success td { color: #666; } .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-error { box-shadow: inset 3px 0 0 #FF6D6D; } .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-warning { box-shadow: inset 3px 0 0 #FECF2F; } .sui-2-3-16 .sui-wrap .sui-table tbody tr.sui-success { box-shadow: inset 3px 0 0 #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-table:first-child, .sui-2-3-16 .sui-wrap .sui-table.sui-table-with-title { margin-top: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table:first-child, .sui-2-3-16 .sui-wrap .sui-table.sui-table-with-title { margin-top: 0; } } .sui-2-3-16 .sui-wrap .sui-table:last-child { margin-bottom: 0; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table:last-child { margin-bottom: 0; } } .sui-2-3-16 .sui-wrap .sui-table.sui-table-flushed { margin: 0; border: 0; border-radius: 0; border-collapse: collapse; } @media (min-width: 783px) { .sui-2-3-16 .sui-wrap .sui-table { margin: 30px 0; } } .sui-2-3-16 .sui-wrap .sui-table-title { margin: 5px 0; color: #333; font: bold 13px/22px "Roboto",Arial,sans-serif; letter-spacing: 0; } .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>th, .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>td, .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>th, .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>td, .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>th, .sui-2-3-16 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>td { height: auto; padding-top: 0; } .sui-2-3-16 .sui-wrap .sui-field-list { border: 1px solid #E6E6E6; border-radius: 4px; } .sui-2-3-16 .sui-wrap .sui-field-list-header { padding: 20px 30px; } .sui-2-3-16 .sui-wrap .sui-field-list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px 30px; border-top: 1px solid #E6E6E6; } .sui-2-3-16 .sui-wrap .sui-field-list-item-label { margin-right: auto; margin-left: 0; } .sui-2-3-16 .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-3-16 .sui-wrap .checking-files-dialog .sui-box { background-color: #fff; } .sui-2-3-16 .sui-wrap .checking-files-dialog .sui-box-title { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; } .sui-2-3-16 .sui-wrap .checking-files-dialog .sui-icon-loader { margin-bottom: 20px; margin-right: 0 !important; color: #AAAAAA; } @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; } } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content { max-width: 560px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content .sui-box { background-color: transparent; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content #smush-onboarding-content { opacity: 0; background-color: #fff; animation-duration: 0.7s; animation-fill-mode: both; transform-origin: center; transform-style: preserve-3d; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content #smush-onboarding-content.loaded { opacity: 1; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content #smush-onboarding-content.fadeInLeft { opacity: 1; animation-name: fadeInLeft; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content #smush-onboarding-content.fadeInRight { opacity: 1; animation-name: fadeInRight; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box .sui-box-header { padding: 0 !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box .sui-box-header .sui-dialog-image { width: 100% !important; height: auto !important; margin-left: -50% !important; border: 0 !important; position: relative !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box .sui-box-header .sui-box-title { font: bold 22px/30px "Roboto", Arial, sans-serif !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body p { color: #888; max-width: 340px; margin: 0 auto 30px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body p.smush-onboarding-note { margin-top: 30px; margin-bottom: 0; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body .smush-onboarding-toggle { background-color: #F8F8F8; height: 60px; margin: 20px -20px 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body .sui-button { margin: 0; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body .sui-button-gray { margin-top: 30px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body button[type=submit] { margin-top: 25px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a { position: absolute; top: 45%; width: 40px; height: 40px; border-radius: 20px; padding-top: 3px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:not(.sui-hidden) { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:hover { background-color: rgba(217,217,217,0.2); } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:first-of-type { left: -55px; padding-right: 2px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:last-of-type { right: -55px; padding-left: 2px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a i:before { color: #fff; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-dots { display: -ms-flexbox; display: flex; margin-top: 15px; margin-bottom: 10px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-dots a { margin: 0 5px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-dots span { height: 7px; width: 7px; border-radius: 50%; background-color: #E6E6E6; display: block; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-dots span.active { background-color: #666; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-skip-link { position: absolute; bottom: -50px; opacity: 0.7; font-size: 13px; color: #fff !important; letter-spacing: -0.25px; line-height: 22px; text-align: center; width: 100%; } @media screen and (max-width: 782px) { .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content { padding: 0 30px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-image { display: block !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows { display: none; } } @media screen and (max-width: 320px) { .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box { margin: 46px 0 0 !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .smush-onboarding-skip-link { bottom: -30px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-dialog-content { padding: 0 10px; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-body>* { margin-bottom: 10px !important; } .sui-2-3-16 .sui-wrap .smush-onboarding-dialog .sui-box-footer { padding: 0 0 10px !important; } } .sui-2-3-16 .sui-wrap .sui-dialog-content .sui-progress-block { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .wp-smush-exceed-limit .wp-smush-progress-inner { background: #FECF2F !important; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-hidden { display: block; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before { content: "I"; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before { color: #fecf2f; animation: none; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress-bar span { background: #fecf2f; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden) { margin-left: 10px; margin-right: auto; float: left; } .sui-2-3-16 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden) .sui-button { padding: 5px 16px 7px; border: 2px solid #ddd; background: transparent; color: #888; } .sui-2-3-16 .sui-wrap .wp-smush-bulk-progress-bar-wrapper { margin-bottom: 30px; } .sui-2-3-16 .sui-wrap .wp-smush-bulk-progress-bar-wrapper .sui-progress-state span { display: inline-block; } .sui-2-3-16 .sui-wrap #sui-cross-sell-footer h3 { text-align: center; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row { -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E6E6E6; box-shadow: inset 2px 0 0 0 #FECF2F; display: -ms-flexbox; display: flex; height: 52px; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -30px; padding: 0 20px; font-size: 13px; letter-spacing: -0.25px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row:first-child { border-top: 1px solid #E6E6E6; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data { display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data:before { content: "I"; font-family: wpmudev-plugin-icons !important; speak: none; font-size: 1em; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; text-rendering: auto; display: inline-block; margin-right: 10px; color: #FECF2F; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture { font-size: 12px; border-radius: 4px; background-color: #E6E6E6; margin-right: 10px; padding-left: 9px; padding-top: 1px; width: 30px; height: 30px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture:before { width: 30px; height: 30px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .attachment-thumbnail { border-radius: 4px; width: 30px; height: 30px; margin-right: 10px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-name { line-height: 15px; font-weight: 500; margin-right: 10px; word-break: break-all; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-error { line-height: 15px; word-break: break-all; margin-right: 10px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions { -ms-flex-preferred-size: 30px; flex-basis: 30px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled { background-color: #F2F2F2; cursor: default; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled .sui-icon-eye-hide:before { color: #b3b3b3; } @media screen and (max-width: 600px) { .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row { height: auto; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 20px; } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-image-error { margin-top: 10px; } } .sui-2-3-16 .sui-wrap .smush-final-log .smush-bulk-errors-actions { margin: 30px 0 10px; } .sui-2-3-16 .sui-wrap .tc { text-align: center; } .sui-2-3-16 .sui-wrap .wp-smush-page-header .sui-actions-right .sui-button { vertical-align: middle; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-body.smush-summary-box-body { padding: 15px 30px 0; } .sui-2-3-16 .sui-wrap .sui-box .sui-box-body .wp-smush-enable-lossy { color: #888; font-size: 13px; line-height: 22px; margin-top: 20px; } .sui-2-3-16 .sui-wrap .sui-actions-right { float: right; display: inline-block; font-size: 13px; } .sui-2-3-16 .sui-wrap .wp-smush-resize-settings-wrap, .sui-2-3-16 .sui-wrap .wp-smush-png_to_jpg-wrap, .sui-2-3-16 .sui-wrap .wp-smush-image-size-list { background-color: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 5px; color: #555; margin-left: 48px; overflow: hidden; padding: 30px; vertical-align: middle; margin-top: 10px; margin-bottom: 10px; } .sui-2-3-16 .sui-wrap .wp-smush-resize-settings-wrap .sui-checkbox .sui-description, .sui-2-3-16 .sui-wrap .wp-smush-png_to_jpg-wrap .sui-checkbox .sui-description, .sui-2-3-16 .sui-wrap .wp-smush-image-size-list .sui-checkbox .sui-description { font-size: 13px; } .sui-2-3-16 .sui-wrap .smush-keep-data-form-row .sui-tabs-menu, .sui-2-3-16 .sui-wrap .smush-keep-data-form-row .sui-button-ghost { margin-top: 15px; } .sui-2-3-16 .sui-wrap .sui-summary-smush { background-size: 180px; } .sui-2-3-16 .sui-wrap .sui-summary-smush-nextgen { background-size: 170px; } .sui-2-3-16 .sui-wrap .smush-pro-features .smush-pro-feature-title { font-weight: 500; line-height: 30px; color: #333; padding: 0 0 0 30px; position: relative; } .sui-2-3-16 .sui-wrap .smush-pro-features .smush-pro-feature-title:before { content: "_"; } .sui-2-3-16 .sui-wrap .smush-pro-features .smush-pro-feature-title:before { color: #43a9e4; vertical-align: middle; margin-left: -30px; margin-right: 10px; margin-top: 0; font-size: 18px; position: relative; } .sui-2-3-16 .sui-wrap .smush-pro-features .smush-pro-feature-desc { color: #888888; font-size: 13px; line-height: 22px; padding: 0 0 0 33px; } .sui-2-3-16 .sui-wrap .sui-upsell-row { margin-top: 30px; } @media screen and (min-width: 1921px) { .sui-2-3-16 .sui-wrap .sui-upsell-row { margin-top: 60px; } } .sui-2-3-16 .sui-wrap .sui-upsell-row .sui-upsell-image.sui-upsell-image-smush:not(.integrations-upsell-image) { bottom: -30px; width: 85px; } .sui-2-3-16 .sui-wrap .sui-progress-close.wp-smush-cancel-bulk.sui-hidden, .sui-2-3-16 .sui-wrap .sui-progress-close.wp-smush-all.sui-hidden { display: none !important; } .sui-2-3-16 .sui-wrap .sui-notice.wp-smush-all-done { margin-top: 0 !important; } .sui-2-3-16 .sui-wrap .sui-notice.smush-notice-sm p { font-size: 13px; } .sui-2-3-16 .sui-wrap .sui-notice.smush-highlighting-notice, .sui-2-3-16 .sui-wrap .sui-notice.smush-highlighting-warning { margin-top: 10px; margin-bottom: 10px; } .sui-2-3-16 .sui-wrap .sui-hidden, .sui-2-3-16 .sui-wrap button.sui-hidden { display: none; } .sui-2-3-16 .sui-wrap .sui-loading { font-size: 18px; } .sui-2-3-16 .sui-wrap span.add-dir-loader { padding-right: 10px; font-size: 18px; } .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success, .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:hover { background: #d1f1ea !important; color: #1abc9c !important; pointer-events: none; } .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:before, .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:hover:before { content: "_"; } .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:before, .sui-2-3-16 .sui-wrap .sui-button.smush-button-check-success:hover:before { padding-right: 5px; color: #1ABC9C; } .sui-2-3-16 .sui-wrap .sui-button.wp-smush-skip-resmush, .sui-2-3-16 .sui-wrap .sui-button.wp-smush-skip-resmush:hover { display: block; background: transparent !important; border: 2px solid #888 !important; color: #888 !important; } .sui-2-3-16 .sui-wrap .sui-toggle+label { font-weight: 500; } .sui-2-3-16 .wp-smush-pagespeed-recommendation { font-size: 13px; } .sui-2-3-16 .wp-smush-pagespeed-recommendation .smush-recommendation-title, .sui-2-3-16 .wp-smush-pagespeed-recommendation .dismiss-recommendation { font-weight: 500; } .sui-2-3-16 .wp-smush-pagespeed-recommendation .dismiss-recommendation { cursor: pointer; } .sui-2-3-16 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before { content: ")"; } .sui-2-3-16 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before { margin-right: 5px; } .sui-2-3-16 .smush-align-left { float: left; } .sui-2-3-16 .smush-align-right { float: right; } .sui-2-3-16 .sui-summary.sui-summary-smush .smushed-items-count { margin: 5px; } .sui-2-3-16 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-resize-total { display: inline-block; margin-left: 50px; } .sui-2-3-16 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-total { display: inline-block; } .sui-2-3-16 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail { font-size: 15px; font-weight: 500; line-height: 22px; display: -ms-inline-flexbox; display: inline-flex; } .sui-2-3-16 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-percent { margin-left: 5px; } .sui-2-3-16 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-human { margin-right: 5px; } .sui-2-3-16 .sui-summary.sui-summary-smush .wp-smush-stats-label-message { font-size: 13px; line-height: 22px; } .sui-2-3-16 .sui-summary.sui-summary-smush .smush-stats-list .sui-tag-pro { top: -1px; margin-left: 5px; } .sui-2-3-16 .wp-smush-no-image { display: block; overflow: hidden; } .sui-2-3-16 .wp-smush-upload-images { display: block; overflow: hidden; padding: 10px 0 40px; } .sui-2-3-16 .sui-box-footer .sui-icon-loader { line-height: 18px; vertical-align: middle; } @media screen and (max-width: 600px) { .sui-2-3-16 .sui-summary-smush .smushed-items-count { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } .sui-2-3-16 .sui-meta-boxes-directory .smush-final-log { margin-top: 30px; } .sui-2-3-16 .sui-meta-boxes-directory .smush-final-log .sui-description { margin-top: 10px; } .sui-2-3-16 ul.fancytree-container { color: #666; font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 500; letter-spacing: -0.25px; line-height: 40px; padding: 0; margin: 0; outline: 0 solid transparent; min-height: 0%; position: relative; } .sui-2-3-16 ul.fancytree-container ul { padding: 0 0 0 16px; margin: 0; display: block; } .sui-2-3-16 ul.fancytree-container span.fancytree-expander { cursor: pointer; font-size: 12px; margin-left: 13px; width: 15px; } .sui-2-3-16 ul.fancytree-container span.fancytree-expander:before { font-family: wpmudev-plugin-icons, sans-serif; } .sui-2-3-16 ul.fancytree-container .fancytree-exp-c span.fancytree-expander, .sui-2-3-16 ul.fancytree-container .fancytree-exp-cd:not(.fancytree-unselectable) span.fancytree-expander, .sui-2-3-16 ul.fancytree-container .fancytree-exp-cf:not(.fancytree-unselectable) span.fancytree-expander { margin-left: 13px; } .sui-2-3-16 ul.fancytree-container .fancytree-exp-n span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-nl span.fancytree-expander:before { content: "\131"; cursor: default; } .sui-2-3-16 ul.fancytree-container span.fancytree-ico-c span.fancytree-expander:before { content: ''; cursor: default; } .sui-2-3-16 ul.fancytree-container .fancytree-exp-c span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-cl span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-cd span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-cdl span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before { color: #888888; content: "\2DC"; } .sui-2-3-16 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before { content: "\131"; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before { content: "9"; } .sui-2-3-16 ul.fancytree-container .fancytree-fade-expander span.fancytree-expander:before { transition: opacity 1.5s; opacity: 0; } .sui-2-3-16 ul.fancytree-container .fancytree-fade-expander:hover span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander:before { transition: opacity 0.6s; opacity: 1; } .sui-2-3-16 ul.fancytree-container span.fancytree-checkbox { margin-right: 5px; margin-left: 12px; border-radius: 3px; border: 1px solid #ddd; background-color: #e6e6e6; display: inline-block; width: 16px; height: 16px; top: 2px; position: relative; transition: .2s; } .sui-2-3-16 ul.fancytree-container span.fancytree-checkbox:before { content: "Ω"; } .sui-2-3-16 ul.fancytree-container span.fancytree-checkbox:before { opacity: 0; color: #fff; font-size: 10px; line-height: 14px; position: absolute; width: 100%; text-align: center; transition: .2s; } .sui-2-3-16 ul.fancytree-container .fancytree-selected span.fancytree-checkbox { border: 1px solid #17a8e3; background-color: #17a8e3; } .sui-2-3-16 ul.fancytree-container .fancytree-selected span.fancytree-checkbox:before { opacity: 1; } .sui-2-3-16 ul.fancytree-container .fancytree-expanded span.fancytree-checkbox { margin-left: 11px; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable { background-color: transparent !important; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable.fancytree-selected { margin-left: -9px; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-expander { margin-left: 10px; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox { border: 1px solid #ddd; background-color: #e6e6e6; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox:before { color: #e6e6e6 !important; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-title { color: #666; } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-expander, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-icon, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-title { opacity: 0.4; filter: alpha(opacity=40); } .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-icon:before, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox:before, .sui-2-3-16 ul.fancytree-container .fancytree-unselectable span.fancytree-title:before { color: #666 !important; } .sui-2-3-16 ul.fancytree-container span.fancytree-icon:before { margin-left: 10px; font-family: wpmudev-plugin-icons, sans-serif; font-size: 16px; color: #AAA; content: 'D'; position: relative; top: 1px; } .sui-2-3-16 ul.fancytree-container .fancytree-ico-c span.fancytree-icon:before { content: 'D'; } .sui-2-3-16 ul.fancytree-container .fancytree-has-children.fancytree-ico-c span.fancytree-icon:before { content: 'D'; } .sui-2-3-16 ul.fancytree-container .fancytree-ico-e span.fancytree-icon:before { content: '\BB'; } .sui-2-3-16 ul.fancytree-container .fancytree-ico-cf span.fancytree-icon:before { content: '\2D8'; } .sui-2-3-16 ul.fancytree-container .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:before { content: '\2D8'; } .sui-2-3-16 ul.fancytree-container .fancytree-ico-ef span.fancytree-icon:before { content: '\BB'; } .sui-2-3-16 ul.fancytree-container .fancytree-loading span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container .fancytree-statusnode-loading span.fancytree-icon:before { content: 'N'; animation: spin 1.3s linear infinite; } .sui-2-3-16 ul.fancytree-container span.fancytree-node { display: inherit; width: 100%; margin-top: 5px; min-height: 40px; } .sui-2-3-16 ul.fancytree-container span.fancytree-node:not(.fancytree-unselectable):hover { background-color: #F8F8F8; } .sui-2-3-16 ul.fancytree-container span.fancytree-title { color: #666; cursor: pointer; display: inline-block; vertical-align: top; min-height: 20px; padding: 0 3px 0 3px; margin: 0 0 0 5px; border: 1px solid transparent; border-radius: 4px; font-weight: 500; } .sui-2-3-16 ul.fancytree-container span.fancytree-expanded, .sui-2-3-16 ul.fancytree-container span.fancytree-selected { border-radius: 4px; background-color: #F8F8F8; color: #17A8E3; } .sui-2-3-16 ul.fancytree-container span.fancytree-expanded span.fancytree-title, .sui-2-3-16 ul.fancytree-container span.fancytree-selected span.fancytree-title { color: #666666; } .sui-2-3-16 ul.fancytree-container span.fancytree-selected { background-color: #E1F6FF; } .sui-2-3-16 ul.fancytree-container span.fancytree-selected span.fancytree-expander:before, .sui-2-3-16 ul.fancytree-container span.fancytree-selected span.fancytree-icon:before, .sui-2-3-16 ul.fancytree-container span.fancytree-selected span.fancytree-title { color: #17A8E3; } .sui-2-3-16 ul.fancytree-container span.fancytree-focused { background-color: #e1e1e1 !important; } .sui-2-3-16 .sui-wrap .sui-box-settings-row .sui-box-settings-col-1 { vertical-align: top; } .sui-2-3-16 .sui-wrap .sui-meta-boxes-directory p, .sui-2-3-16 .sui-wrap .sui-meta-boxes-cdn-upsell p, .sui-2-3-16 .sui-wrap .sui-meta-boxes-cdn-disabled p { max-width: 600px; margin: 20px auto 0; } .sui-2-3-16 .sui-wrap .sui-meta-boxes-cdn form p:first-of-type { margin-top: 0; } .sui-2-3-16 .sui-wrap .sui-meta-boxes-cdn .wp-smush-image-size-list { display: none !important; } .sui-2-3-16 .sui-wrap .wp-smush-stats { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 0; } .sui-2-3-16 .sui-wrap .wp-smush-stats .sui-tooltip { line-height: 10px; margin-right: 10px; } .sui-2-3-16 .sui-wrap .smush-cdn-stats .sui-circle-score { float: right; margin-left: 10px; } .sui-2-3-16 .sui-wrap .smush-cdn-stats .sui-circle-score:not(.sui-grade-f) svg circle:last-child { stroke: #17A8E3; } .sui-2-3-16 .sui-wrap .smush-cdn-stats .sui-circle-score-label:after { content: '%'; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes .sui-border-frame { width: 100%; text-align: center; margin-top: 0; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes .sui-border-frame span:first-child { font-size: 24px; letter-spacing: -0.2px; line-height: 30px; color: #333; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes .sui-border-frame:not(:last-child) { margin-bottom: 0; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes .sui-border-frame:first-child { margin-right: 15px; } .sui-2-3-16 .sui-wrap .smush-cdn-quota-boxes .sui-border-frame:last-child { margin-left: 15px; } .sui-2-3-16 .sui-wrap .smush-filename-extension { border-radius: 4px; display: inline-block; font-size: 9px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; line-height: 43px; height: 30px; margin: 0 5px 0 0; width: 30px; } .sui-2-3-16 .sui-wrap .smush-filename-extension.smush-extension-jpg { background-color: #F7E100; } .sui-2-3-16 .sui-wrap .smush-filename-extension.smush-extension-png { background-color: #FFB694; } .sui-2-3-16 .sui-wrap .smush-filename-extension.smush-extension-gif { background-color: #72D5D4; } .sui-2-3-16 .sui-wrap .smush-filename-extension.smush-extension-webp { background-color: #72ADD5; } .sui-2-3-16 .sui-wrap.sui-color-accessible { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible h1, .sui-2-3-16 .sui-wrap.sui-color-accessible h2, .sui-2-3-16 .sui-wrap.sui-color-accessible h3, .sui-2-3-16 .sui-wrap.sui-color-accessible h4, .sui-2-3-16 .sui-wrap.sui-color-accessible h5, .sui-2-3-16 .sui-wrap.sui-color-accessible h6, .sui-2-3-16 .sui-wrap.sui-color-accessible p, .sui-2-3-16 .sui-wrap.sui-color-accessible p small, .sui-2-3-16 .sui-wrap.sui-color-accessible li, .sui-2-3-16 .sui-wrap.sui-color-accessible code, .sui-2-3-16 .sui-wrap.sui-color-accessible pre { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible a { color: #1a1a1a !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible a:hover { color: #000 !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible pre, .sui-2-3-16 .sui-wrap.sui-color-accessible code { background: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-settings-label, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-body .sui-settings-label-with-tag, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-description { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-form-control, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-multi-checkbox, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-label, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-error-message { border-color: #000; color: #000; background-color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-form-control:-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-multi-checkbox:-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-label:-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-error-message:-ms-input-placeholder { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-form-control::-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-multi-checkbox::-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-label::-ms-input-placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-error-message::-ms-input-placeholder { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-form-control::placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-multi-checkbox::placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-label::placeholder, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-error-message::placeholder { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-checkbox input+span, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-radio input+span { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-checkbox input+span+span, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-radio input+span+span { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-upload-button { color: #000; background: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-upload-label:hover .sui-upload-button { color: #fff; background: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-value { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li.sui-element-flex span+span { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-insert-variables .sui-variables+.select2 .select2-selection--single { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-recipient span { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-summary-details .sui-summary-sub { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-label, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-detail { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*:hover, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item:hover, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*:hover, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item:hover { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*.active, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item.active, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*.active, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active { color: #fff; background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tag { background: #000; color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tag.sui-tag-ghost { background: #fff; color: #000; border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-top, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-floating { border-left-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-dismiss a, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice p:first-of-type:before, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-top .sui-notice-dismiss a, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-floating .sui-notice-dismiss a, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-top p:first-of-type:before, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-notice-floating p:first-of-type:before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p { border-left: 2px solid #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p:first-of-type:before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible [class*="sui-icon-"]:before, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-dialog-close:before { color: #000 !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-tab-item.active [class*="sui-icon-"]:before { color: #fff !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-bar span { background: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-text span { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-progress-state span { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-table { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-table th, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-table td { border-color: #000; color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-item-header { box-shadow: none !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-open-indicator i { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-item { box-shadow: none !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-item:hover { background: transparent; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-item-title i { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion .sui-accordion-item-date { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-accordion.sui-accordion-block .sui-accordion-item:hover { background: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-a svg circle:last-child, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-b svg circle:last-child, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-c svg circle:last-child, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-d svg circle:last-child, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-e svg circle:last-child, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-grade-f svg circle:last-child { stroke: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-dropdown ul li { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-dropdown ul li:hover { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button), .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button { color: #fff !important; background: #000 !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button) i:before, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button i:before { color: #fff !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-ghost, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button.sui-button-ghost { padding: 7px 16px; border: 0; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell { background: #fff !important; color: #000 !important; border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell:hover, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell:hover { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-list .sui-list-label, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-list .sui-list-detail { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]+.sui-toggle-slider:hover { box-shadow: none; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider { background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider:hover { box-shadow: none; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-checkbox input:checked+span, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-radio input:checked+span { border-color: #000; background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-status-dot span { background-color: #fff; border: 1px solid #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-status-dot.sui-published span { background-color: #000; border: none; } .sui-2-3-16 .sui-wrap.sui-color-accessible .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce { color: #fff; background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .wp-editor-wrap.html-active .wp-editor-tabs .switch-html { color: #fff; background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .wp-editor-wrap .wp-media-buttons .insert-media { background-color: #000 !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-ace-selectors a.sui-selector { background-color: #000; color: #fff !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .ace-sui .ace_gutter { background: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .ace-sui .ace_text-layer { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .ace-sui .ace_content { background-color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .ace-sui .ace_line { filter: brightness(0%); } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove:hover { background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box .sui-box-title { color: #000 !important; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input+span { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input+span ~ span { color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span { background-color: #fff !important; color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span:after { border-top: 40px solid #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span ~ span { border-top-color: #555; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span [class*=sui-icon]:before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-changes, .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-module { color: #555; } .sui-2-3-16 .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: transparent; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container { border-color: #000; background-color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results { border-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li.current { background-color: #000; color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single { border-color: #000; background-color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single .select2-selection__arrow::before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single .select2-selection__rendered { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--multiple { border-color: #000; background-color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-footer { color: #000; } .sui-2-3-16 .sui-select-dropdown { border-color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results .select2-results__group, .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results .select2-results__option { color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option { color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option[aria-selected=true] { background-color: #000; color: #fff; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option--highlighted:not([aria-selected=true]) { color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-search--dropdown .select2-search__field { border-color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-results__message { color: #000; } .sui-2-3-16 .sui-select-dropdown.sui-color-accessible .select2-search--dropdown:after { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-final-log .smush-bulk-error-row { box-shadow: inset 2px 0 0 0 #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-final-log .smush-bulk-error-row .smush-bulk-image-data:before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible ul.fancytree-container .fancytree-selected { background-color: #F8F8F8; } .sui-2-3-16 .sui-wrap.sui-color-accessible ul.fancytree-container .fancytree-selected span.fancytree-checkbox { border: 1px solid #000; background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-expander:before, .sui-2-3-16 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-icon:before, .sui-2-3-16 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-title { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-filename-extension { background-color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-cdn-stats .sui-circle-score svg circle:last-child { stroke: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .sui-button.smush-button-check-success:before { color: #fff; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-pro-features .smush-pro-feature-title:before { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-pro-features .smush-pro-feature-desc { color: #000; } .sui-2-3-16 .sui-wrap.sui-color-accessible .smush-submit-note { color: #000; }