@import url(https://fonts.bunny.net/css?family=Roboto:400,500,700);
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>* input,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item input,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>* input,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item input,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .button,
.sui-2-12-23 .sui-wrap .sui-upload input[type=file],
.sui-2-12-23 .sui-wrap .sui-checkbox input,
.sui-2-12-23 .sui-wrap .sui-radio input,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label input,
.sui-2-12-23 .sui-wrap .sui-box-selector input,
.sui-2-12-23 .sui-wrap .sui-toggle input,
.sui-2-12-23 .sui-wrap .sui-screen-reader-text,
.sui-2-12-23 .sui-screen-reader-text {
width: 1px;
min-width: 1px;
height: 1px;
min-height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
position: absolute !important;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.sui-2-12-23 .sui-wrap .sui-fade-in {
animation: fadeIn .3s ease-in forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-fade-in {
opacity: 1;
animation: none;
}
}
.sui-2-12-23 .sui-wrap .sui-fade-out {
animation: fadeOut .3s ease-in forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-fade-out {
opacity: 0;
animation: none;
}
}
.sui-2-12-23 .sui-wrap .sui-bounce-in {
animation: bounceInJiggle .8s ease-in forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-bounce-in {
opacity: 1;
animation: none;
}
}
.sui-2-12-23 .sui-wrap .sui-bounce-out {
animation: bounceOutJiggle .6s ease-out forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-bounce-out {
opacity: 0;
animation: none;
}
}
.sui-2-12-23 .sui-wrap .sui-content-fade-in {
animation: fadeScaleIn .5s ease-in forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-content-fade-in {
opacity: 1;
animation: none;
}
}
.sui-2-12-23 .sui-wrap .sui-content-fade-out {
animation: fadeScaleOut .9s ease-in forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-wrap .sui-content-fade-out {
opacity: 0;
animation: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
@keyframes bounceInJiggle {
0% {
transform: translateY(-200%) scale(1.5);
opacity: 0;
}
30% {
opacity: 1;
}
58% {
transform: translateY(0) rotate(1deg) scale(1);
opacity: 1;
}
72% {
transform: translateY(-30px) rotate(-1deg);
}
80% {
transform: translateY(0) rotate(0.5deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
}
@keyframes bounceOutJiggle {
0% {
transform: translateY(0);
}
10% {
transform: translateY(-10px) rotate(-0.5deg);
}
30% {
transform: translateY(20px) rotate(8deg);
}
70% {
opacity: 1;
}
90% {
transform: translateY(300%) translateX(40px) rotate(35deg);
opacity: 0;
}
100% {
display: none;
}
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
}
@keyframes fadeScaleIn {
0% {
opacity: 0;
}
25% {
opacity: 0;
transform: translate3d(0, 10px, 0) scale(0.9);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
75% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeScaleOut {
0% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
25% {
opacity: 0;
transform: translate3d(0, 10px, 0) scale(0.9);
}
100% {
opacity: 0;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.sui-2-12-23 .sui-wrap {
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 30px;
color: #666;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap:not(.sui-modal) {
margin: 30px 30px 0 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap:not(.sui-modal) {
margin: 20px 10px 0 0px;
}
}
.sui-2-12-23 .sui-wrap * {
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.sui-2-12-23 .sui-wrap h1,
.sui-2-12-23 .sui-wrap h2,
.sui-2-12-23 .sui-wrap h3,
.sui-2-12-23 .sui-wrap h4,
.sui-2-12-23 .sui-wrap h5,
.sui-2-12-23 .sui-wrap h6 {
display: block;
margin: .5em auto;
padding: 0;
line-height: 30px;
color: #333;
font-weight: 700;
font-family: "Roboto",Arial,sans-serif;
}
.sui-2-12-23 .sui-wrap h1 {
font-size: 32px;
line-height: 40px;
color: #333;
margin: 0;
}
.sui-2-12-23 .sui-wrap h2 {
font-size: 22px;
line-height: 35px;
}
.sui-2-12-23 .sui-wrap h3 {
font-size: 18px;
line-height: 40px;
}
.sui-2-12-23 .sui-wrap h4 {
font-size: 15px;
}
.sui-2-12-23 .sui-wrap h5 {
font-size: 15px;
}
.sui-2-12-23 .sui-wrap h6 {
font-size: 15px;
}
.sui-2-12-23 .sui-wrap p {
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 30px;
color: #666;
letter-spacing: -0.25px;
text-rendering: optimizeLegibility;
}
.sui-2-12-23 .sui-wrap p.sui-p-small {
font-size: 13px;
line-height: 22px;
color: #888;
margin: 5px 0;
}
.sui-2-12-23 .sui-wrap p:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap p:last-of-type:not(:last-child) {
margin-bottom: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap p:last-of-type:not(:last-child) {
margin-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap p:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap small {
display: inline-block;
font-size: 13px;
line-height: 22px;
color: #888;
margin-bottom: 5px;
}
.sui-2-12-23 .sui-wrap a {
text-decoration: none;
color: #17a8e3;
font-weight: 500;
outline-color: rgba(0,0,0,0);
outline-style: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap a:hover:not(.sui-button),
.sui-2-12-23 .sui-wrap a:focus:not(.sui-button),
.sui-2-12-23 .sui-wrap a:active:not(.sui-button) {
color: #1286b5;
}
.sui-2-12-23 .sui-wrap a.disabled {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap a.disabled:hover,
.sui-2-12-23 .sui-wrap a.disabled:focus,
.sui-2-12-23 .sui-wrap a.disabled:active {
color: #888;
cursor: default;
}
.sui-2-12-23 .sui-wrap code,
.sui-2-12-23 .sui-wrap pre {
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #333;
background-color: #f8f8f8;
border: 1px solid #e6e6e6;
border-radius: 4px;
margin: 0;
padding: 10px 15px;
white-space: pre;
overflow: auto;
max-width: 100%;
vertical-align: middle;
tab-size: 4;
}
.sui-2-12-23 .sui-wrap code {
display: inline-block;
padding: 2px 5px;
}
.sui-2-12-23 .sui-wrap b,
.sui-2-12-23 .sui-wrap strong {
font-weight: 500;
}
.sui-2-12-23 .sui-wrap dfn {
font-style: normal;
font-weight: normal;
border-bottom: 1px dotted #888;
}
.sui-2-12-23 .sui-wrap hr {
border: none;
display: block;
height: 1px;
background: #e6e6e6;
margin: 30px 0;
}
.sui-2-12-23 .sui-wrap .sui-description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description {
display: block;
margin: 5px 0;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-description:first-child,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-description:last-child,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-description,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description {
color: #000;
}
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:before,
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-unsaved:before,
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-reviews__stars:before,
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before,
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before,
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before,
.sui-2-12-23 .sui-wrap .sui-listing li:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before,
.sui-2-12-23 .sui-wrap .sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,
.sui-2-12-23 [class*=sui-icon-]:before,
.sui-2-12-23 [class*=sui-icon-]:after {
font-family: "wpmudev-plugin-icons" !important;
speak: none;
font-size: 1em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-rendering: auto;
display: inline-block;
color: #888;
opacity: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media all and (-ms-high-contrast: none) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:before,
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-unsaved:before,
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-reviews__stars:before,
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before,
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before,
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before,
.sui-2-12-23 .sui-wrap .sui-listing li:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before,
.sui-2-12-23 .sui-wrap .sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,
.sui-2-12-23 [class*=sui-icon-]:before,
.sui-2-12-23 [class*=sui-icon-]:after {
color: #888;
}
}
@media all and (-ms-high-contrast: active) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:before,
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-unsaved:before,
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-reviews__stars:before,
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before,
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before,
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before,
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before,
.sui-2-12-23 .sui-wrap .sui-listing li:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before,
.sui-2-12-23 .sui-wrap .sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,
.sui-2-12-23 [class*=sui-icon-]:before,
.sui-2-12-23 [class*=sui-icon-]:after {
color: #ddd;
}
}
@font-face {
font-family: "wpmudev-plugin-icons";
src: url(../css/../assets/fonts/wpmudev-plugin-icons.eot);
src: url(../css/../assets/fonts/wpmudev-plugin-icons.eot) format("embedded-opentype"),url(../css/../assets/fonts/wpmudev-plugin-icons.ttf) format("truetype"),url(../css/../assets/fonts/wpmudev-plugin-icons.woff) format("woff"),url(../css/../assets/fonts/wpmudev-plugin-icons.woff2) format("woff2"),url(../css/../assets/fonts/wpmudev-plugin-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
}
.sui-2-12-23 .sui-loading:before {
animation: spin 1.3s linear infinite;
}
.sui-2-12-23 [class*=sui-icon-] {
display: inline-block;
}
.sui-2-12-23 [class*=sui-icon-].sui-xl:before {
font-size: 30px;
}
.sui-2-12-23 [class*=sui-icon-].sui-lg:before {
font-size: 20px;
}
.sui-2-12-23 [class*=sui-icon-].sui-md:before {
font-size: 16px;
}
.sui-2-12-23 [class*=sui-icon-].sui-sm:before {
font-size: 12px;
}
.sui-2-12-23 [class*=sui-icon-].sui-success:before {
color: inherit;
}
.sui-2-12-23 [class*=sui-icon-].sui-error:before {
color: inherit;
}
.sui-2-12-23 [class*=sui-icon-].sui-warning:before {
color: inherit;
}
.sui-2-12-23 [class*=sui-icon-].sui-info:before {
color: inherit;
}
.sui-2-12-23 [class*=sui-icon-].sui-fw {
width: 1.8em;
text-align: center;
min-height: 1em;
}
.sui-2-12-23 .sui-icon-check:before {
content: "(";
}
.sui-2-12-23 .sui-icon-close:before {
content: ")";
}
.sui-2-12-23 .sui-icon-check-tick:before {
content: "_";
}
.sui-2-12-23 .sui-icon-cross-close:before {
content: "+";
}
.sui-2-12-23 .sui-icon-plus-circle:before {
content: "@";
}
.sui-2-12-23 .sui-icon-warning-alert:before {
content: "!";
}
.sui-2-12-23 .sui-icon-info:before {
content: "I";
}
.sui-2-12-23 .sui-icon-question:before {
content: "?";
}
.sui-2-12-23 .sui-icon-trash:before {
content: "Q";
}
.sui-2-12-23 .sui-icon-pencil:before {
content: "/";
}
.sui-2-12-23 .sui-icon-unlock:before {
content: "0";
}
.sui-2-12-23 .sui-icon-lock:before {
content: "9";
}
.sui-2-12-23 .sui-icon-key:before {
content: "◊";
}
.sui-2-12-23 .sui-icon-plus:before {
content: "=";
}
.sui-2-12-23 .sui-icon-magnifying-glass-search:before {
content: "º";
}
.sui-2-12-23 .sui-icon-more:before {
content: "…";
}
.sui-2-12-23 .sui-icon-wrench-tool:before {
content: "⁄";
}
.sui-2-12-23 .sui-icon-widget-settings-config:before {
content: "x";
}
.sui-2-12-23 .sui-icon-settings-slider-control:before {
content: "œ";
}
.sui-2-12-23 .sui-icon-loader:before {
content: "N";
}
.sui-2-12-23 .sui-icon-calendar:before {
content: "∏";
}
.sui-2-12-23 .sui-icon-clock:before {
content: ",";
}
.sui-2-12-23 .sui-icon-speed-optimize:before {
content: "ø";
}
.sui-2-12-23 .sui-icon-stopwatch:before {
content: "V";
}
.sui-2-12-23 .sui-icon-filter:before {
content: "z";
}
.sui-2-12-23 .sui-icon-bookmark:before {
content: "√";
}
.sui-2-12-23 .sui-icon-chevron-up:before {
content: "˝";
}
.sui-2-12-23 .sui-icon-chevron-right:before {
content: "˜";
}
.sui-2-12-23 .sui-icon-chevron-down:before {
content: "ı";
}
.sui-2-12-23 .sui-icon-chevron-left:before {
content: "Ó";
}
.sui-2-12-23 .sui-icon-arrow-up:before {
content: "Ô";
}
.sui-2-12-23 .sui-icon-arrow-right:before {
content: "¯";
}
.sui-2-12-23 .sui-icon-arrow-down:before {
content: "Â";
}
.sui-2-12-23 .sui-icon-arrow-left:before {
content: "";
}
.sui-2-12-23 .sui-icon-arrow-skip-back:before {
content: "{";
}
.sui-2-12-23 .sui-icon-arrow-skip-forward:before {
content: "}";
}
.sui-2-12-23 .sui-icon-arrow-skip-start:before {
content: ":";
}
.sui-2-12-23 .sui-icon-arrow-skip-end:before {
content: '"';
}
.sui-2-12-23 .sui-icon-play:before {
content: "´";
}
.sui-2-12-23 .sui-icon-pause:before {
content: "†";
}
.sui-2-12-23 .sui-icon-arrows-out:before {
content: "˚";
}
.sui-2-12-23 .sui-icon-arrows-in:before {
content: "≤";
}
.sui-2-12-23 .sui-icon-arrows-expand:before {
content: "¬";
}
.sui-2-12-23 .sui-icon-arrows-compress:before {
content: "≥";
}
.sui-2-12-23 .sui-icon-refresh2:before {
content: "Á";
}
.sui-2-12-23 .sui-icon-zip:before {
content: "a";
}
.sui-2-12-23 .sui-icon-combine:before {
content: "o";
}
.sui-2-12-23 .sui-icon-defer:before {
content: "p";
}
.sui-2-12-23 .sui-icon-inlinecss:before {
content: "c";
}
.sui-2-12-23 .sui-icon-movefooter:before {
content: "u";
}
.sui-2-12-23 .sui-icon-popup:before {
content: "1";
}
.sui-2-12-23 .sui-icon-slide-in:before {
content: "2";
}
.sui-2-12-23 .sui-icon-embed:before {
content: "3";
}
.sui-2-12-23 .sui-icon-list:before {
content: "`";
}
.sui-2-12-23 .sui-icon-layout-grid:before {
content: "∞";
}
.sui-2-12-23 .sui-icon-layout:before {
content: "©";
}
.sui-2-12-23 .sui-icon-thumbnails:before {
content: "G";
}
.sui-2-12-23 .sui-icon-drag:before {
content: "„";
}
.sui-2-12-23 .sui-icon-align-left:before {
content: "%";
}
.sui-2-12-23 .sui-icon-align-center:before {
content: "^";
}
.sui-2-12-23 .sui-icon-align-right:before {
content: "&";
}
.sui-2-12-23 .sui-icon-align-justify:before {
content: "#";
}
.sui-2-12-23 .sui-icon-indent-more:before {
content: "’";
}
.sui-2-12-23 .sui-icon-indent-less:before {
content: "”";
}
.sui-2-12-23 .sui-icon-blog:before {
content: "Y";
}
.sui-2-12-23 .sui-icon-list-number:before {
content: "7";
}
.sui-2-12-23 .sui-icon-list-bullet:before {
content: "8";
}
.sui-2-12-23 .sui-icon-bold:before {
content: "B";
}
.sui-2-12-23 .sui-icon-quote-2:before {
content: "'";
}
.sui-2-12-23 .sui-icon-style-type:before {
content: "<";
}
.sui-2-12-23 .sui-icon-wand-magic:before {
content: "Z";
}
.sui-2-12-23 .sui-icon-link:before {
content: "5";
}
.sui-2-12-23 .sui-icon-unlink:before {
content: "6";
}
.sui-2-12-23 .sui-icon-paperclip:before {
content: "A";
}
.sui-2-12-23 .sui-icon-code:before {
content: ";";
}
.sui-2-12-23 .sui-icon-color-pick-eyedropper:before {
content: "¥";
}
.sui-2-12-23 .sui-icon-crop:before {
content: "C";
}
.sui-2-12-23 .sui-icon-paint-bucket:before {
content: "∫";
}
.sui-2-12-23 .sui-icon-camera:before {
content: "Ø";
}
.sui-2-12-23 .sui-icon-photo-picture:before {
content: "D";
}
.sui-2-12-23 .sui-icon-animation-video:before {
content: "F";
}
.sui-2-12-23 .sui-icon-home:before {
content: "J";
}
.sui-2-12-23 .sui-icon-mail:before {
content: "m";
}
.sui-2-12-23 .sui-icon-send:before {
content: "“";
}
.sui-2-12-23 .sui-icon-phone:before {
content: ">";
}
.sui-2-12-23 .sui-icon-pin:before {
content: "Œ";
}
.sui-2-12-23 .sui-icon-post-pin:before {
content: "ˇ";
}
.sui-2-12-23 .sui-icon-calculator:before {
content: "¨";
}
.sui-2-12-23 .sui-icon-element-checkbox:before {
content: "Å";
}
.sui-2-12-23 .sui-icon-element-radio:before {
content: "Í";
}
.sui-2-12-23 .sui-icon-element-select:before {
content: "Ï";
}
.sui-2-12-23 .sui-icon-element-number:before {
content: "Ú";
}
.sui-2-12-23 .sui-icon-recaptcha:before {
content: "–";
}
.sui-2-12-23 .sui-icon-folder:before {
content: "˘";
}
.sui-2-12-23 .sui-icon-folder-open:before {
content: "»";
}
.sui-2-12-23 .sui-icon-archive:before {
content: "b";
}
.sui-2-12-23 .sui-icon-book:before {
content: "∆";
}
.sui-2-12-23 .sui-icon-page-multiple:before {
content: "ç";
}
.sui-2-12-23 .sui-icon-layers:before {
content: "æ";
}
.sui-2-12-23 .sui-icon-copy:before {
content: "4";
}
.sui-2-12-23 .sui-icon-graph-bar:before {
content: "Ç";
}
.sui-2-12-23 .sui-icon-graph-bar-2:before {
content: "˛";
}
.sui-2-12-23 .sui-icon-graph-line:before {
content: "¡";
}
.sui-2-12-23 .sui-icon-tracking-disabled:before {
content: "€";
}
.sui-2-12-23 .sui-icon-page:before {
content: "Ò";
}
.sui-2-12-23 .sui-icon-clipboard-notes:before {
content: "¿";
}
.sui-2-12-23 .sui-icon-page-pdf:before {
content: "Æ";
}
.sui-2-12-23 .sui-icon-heart:before {
content: "K";
}
.sui-2-12-23 .sui-icon-star:before {
content: "S";
}
.sui-2-12-23 .sui-icon-plugin-2:before {
content: "O";
}
.sui-2-12-23 .sui-icon-brush:before {
content: "~";
}
.sui-2-12-23 .sui-icon-plug-connected:before {
content: "R";
}
.sui-2-12-23 .sui-icon-plug-disconnected:before {
content: ".";
}
.sui-2-12-23 .sui-icon-power-on-off:before {
content: "[";
}
.sui-2-12-23 .sui-icon-target:before {
content: "≠";
}
.sui-2-12-23 .sui-icon-upload-cloud:before {
content: "¢";
}
.sui-2-12-23 .sui-icon-download-cloud:before {
content: "£";
}
.sui-2-12-23 .sui-icon-cloud:before {
content: "™";
}
.sui-2-12-23 .sui-icon-cloud-migration:before {
content: "l";
}
.sui-2-12-23 .sui-icon-unpublish:before {
content: "ˆ";
}
.sui-2-12-23 .sui-icon-download:before {
content: "X";
}
.sui-2-12-23 .sui-icon-save:before {
content: "ß";
}
.sui-2-12-23 .sui-icon-lightbulb:before {
content: "L";
}
.sui-2-12-23 .sui-icon-sitemap:before {
content: "¸";
}
.sui-2-12-23 .sui-icon-storage-server-data:before {
content: "Î";
}
.sui-2-12-23 .sui-icon-user-reputation-points:before {
content: "E";
}
.sui-2-12-23 .sui-icon-tablet-portrait:before {
content: "]";
}
.sui-2-12-23 .sui-icon-laptop:before {
content: "«";
}
.sui-2-12-23 .sui-icon-monitor:before {
content: "$";
}
.sui-2-12-23 .sui-icon-eye:before {
content: "e";
}
.sui-2-12-23 .sui-icon-eye-hide:before {
content: "q";
}
.sui-2-12-23 .sui-icon-update:before {
content: "®";
}
.sui-2-12-23 .sui-icon-refresh:before {
content: "H";
}
.sui-2-12-23 .sui-icon-undo:before {
content: "‰";
}
.sui-2-12-23 .sui-icon-web-globe-world:before {
content: "W";
}
.sui-2-12-23 .sui-icon-flag:before {
content: "|";
}
.sui-2-12-23 .sui-icon-academy:before {
content: "π";
}
.sui-2-12-23 .sui-icon-profile-male:before {
content: "µ";
}
.sui-2-12-23 .sui-icon-community-people:before {
content: "‘";
}
.sui-2-12-23 .sui-icon-help-support:before {
content: "M";
}
.sui-2-12-23 .sui-icon-gdpr:before {
content: "∑";
}
.sui-2-12-23 .sui-icon-like:before {
content: "j";
}
.sui-2-12-23 .sui-icon-dislike:before {
content: "k";
}
.sui-2-12-23 .sui-icon-finger-point:before {
content: "≈";
}
.sui-2-12-23 .sui-icon-open-new-window:before {
content: "n";
}
.sui-2-12-23 .sui-icon-reply:before {
content: "r";
}
.sui-2-12-23 .sui-icon-share:before {
content: "s";
}
.sui-2-12-23 .sui-icon-wordpress:before {
content: "w";
}
.sui-2-12-23 .sui-icon-social-facebook:before {
content: "f";
}
.sui-2-12-23 .sui-icon-social-twitter:before {
content: "t";
}
.sui-2-12-23 .sui-icon-social-linkedin:before {
content: "i";
}
.sui-2-12-23 .sui-icon-social-dropbox:before {
content: "d";
}
.sui-2-12-23 .sui-icon-social-drive:before {
content: "v";
}
.sui-2-12-23 .sui-icon-social-google-plus:before {
content: "g";
}
.sui-2-12-23 .sui-icon-social-youtube:before {
content: "y";
}
.sui-2-12-23 .sui-icon-instagram:before {
content: "-";
}
.sui-2-12-23 .sui-icon-cloudflare:before {
content: "Ð";
}
.sui-2-12-23 .sui-icon-social-github:before {
content: "h";
}
.sui-2-12-23 .sui-icon-wpmudev-logo:before {
content: "‹";
}
.sui-2-12-23 .sui-icon-defender:before {
content: "·";
}
.sui-2-12-23 .sui-icon-smush:before {
content: "‡";
}
.sui-2-12-23 .sui-icon-upfront:before {
content: "‚";
}
.sui-2-12-23 .sui-icon-hummingbird:before {
content: "°";
}
.sui-2-12-23 .sui-icon-uptime:before {
content: "±";
}
.sui-2-12-23 .sui-icon-smart-crawl:before {
content: "∂";
}
.sui-2-12-23 .sui-icon-forminator:before {
content: "P";
}
.sui-2-12-23 .sui-icon-shipper-anchor:before {
content: "T";
}
.sui-2-12-23 .sui-icon-snapshot:before {
content: "fi";
}
.sui-2-12-23 .sui-icon-hustle:before {
content: "—";
}
.sui-2-12-23 .sui-icon-performance:before {
content: "U";
}
.sui-2-12-23 .sui-icon-hub:before {
content: "fl";
}
.sui-2-12-23 .sui-icon-automate:before {
content: "˙";
}
.sui-2-12-23 .sui-icon-align-y-center:before {
content: "*";
}
.sui-2-12-23 .sui-icon-align-y-top:before {
content: "§";
}
.sui-2-12-23 .sui-icon-align-y-bottom:before {
content: "¶";
}
.sui-2-12-23 .sui-icon-align-x-center:before {
content: "ƒ";
}
.sui-2-12-23 .sui-icon-align-x-right:before {
content: "•";
}
.sui-2-12-23 .sui-icon-align-x-left:before {
content: "å";
}
.sui-2-12-23 .sui-icon-logout:before {
content: "›";
}
.sui-2-12-23 .sui-icon-branda:before {
content: "ª";
}
.sui-2-12-23 .sui-icon-beehive:before {
content: "Ω";
}
.sui-2-12-23 .sui-icon-async:before {
content: "⤉";
}
.sui-2-12-23 .sui-icon-site-health:before {
content: "❤";
}
.sui-2-12-23 .sui-icon-import-export:before {
content: "⥮";
}
.sui-2-12-23 .sui-wrap .sui-button,
.sui-2-12-23 .sui-wrap .sui-button-icon,
.sui-2-12-23 .sui-wrap a.sui-button,
.sui-2-12-23 .sui-wrap a.sui-button-icon,
.sui-2-12-23 .sui-wrap button.sui-button,
.sui-2-12-23 .sui-wrap button.sui-button-icon {
cursor: pointer;
display: inline-block;
position: relative;
margin: 0;
border-width: 2px;
border-style: solid;
border-color: rgba(0,0,0,0);
border-radius: 4px;
text-decoration: none;
text-align: center;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-button .sui-loading,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-loading {
width: 16px;
height: 16px;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-button .sui-loading:before,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-loading:before,
.sui-2-12-23 .sui-wrap a.sui-button .sui-loading:before,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-loading:before,
.sui-2-12-23 .sui-wrap button.sui-button .sui-loading:before,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-loading:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-button .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button .sui-button-text-default,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-button-text-default,
.sui-2-12-23 .sui-wrap a.sui-button .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button .sui-button-text-default,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-button-text-default,
.sui-2-12-23 .sui-wrap button.sui-button .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button .sui-button-text-default,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-button-text-default {
display: block;
pointer-events: none;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button .sui-button-text-default .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-button-text-default .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button .sui-button-text-default .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-button-text-default .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button .sui-button-text-default .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-loading-text .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-button-text-default .sui-loading-text {
overflow: hidden;
text-overflow: ellipsis;
}
}
.sui-2-12-23 .sui-wrap .sui-button .sui-button-text-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon .sui-button-text-onload,
.sui-2-12-23 .sui-wrap a.sui-button .sui-button-text-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon .sui-button-text-onload,
.sui-2-12-23 .sui-wrap button.sui-button .sui-button-text-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon .sui-button-text-onload {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-button [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-button-icon [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button-icon [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button-icon [class*=sui-icon-] {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-button [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-button-icon [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap a.sui-button [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap a.sui-button-icon [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap button.sui-button [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap button.sui-button-icon [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-button:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon:hover,
.sui-2-12-23 .sui-wrap a.sui-button:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon:hover,
.sui-2-12-23 .sui-wrap button.sui-button:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon:hover {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-button:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon:focus,
.sui-2-12-23 .sui-wrap a.sui-button:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon:focus,
.sui-2-12-23 .sui-wrap button.sui-button:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon:focus {
outline: none;
}
.sui-2-12-23 .sui-wrap .sui-button.disabled,
.sui-2-12-23 .sui-wrap .sui-button:disabled,
.sui-2-12-23 .sui-wrap .sui-button[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap .sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.disabled,
.sui-2-12-23 .sui-wrap a.sui-button:disabled,
.sui-2-12-23 .sui-wrap a.sui-button[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.disabled,
.sui-2-12-23 .sui-wrap button.sui-button:disabled,
.sui-2-12-23 .sui-wrap button.sui-button[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text {
cursor: default;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload {
pointer-events: none;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload .sui-loading,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading {
display: flex;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload .sui-loading-text,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload .sui-loading-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload .sui-loading-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading-text {
opacity: 0;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-default,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-default,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-default,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-default,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-default,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-default {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading {
width: auto;
height: auto;
display: inline-block;
position: relative;
vertical-align: unset;
margin-right: 4px;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before {
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-button-icon:not(:last-child),
.sui-2-12-23 .sui-wrap a.sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap a.sui-button-icon:not(:last-child),
.sui-2-12-23 .sui-wrap button.sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap button.sui-button-icon:not(:last-child) {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-button,
.sui-2-12-23 .sui-wrap a.sui-button,
.sui-2-12-23 .sui-wrap button.sui-button {
width: auto;
min-width: 80px;
padding: 5px 14px;
background-color: #888;
color: #fff;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-transform: uppercase;
}
.sui-2-12-23 .sui-wrap .sui-button [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button [class*=sui-icon-] {
vertical-align: middle;
}
.sui-2-12-23 .sui-wrap .sui-button [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap a.sui-button [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap button.sui-button [class*=sui-icon-]:not(.sui-loading) {
width: 22px;
position: relative;
top: -1px;
margin-left: -7px;
}
.sui-2-12-23 .sui-wrap .sui-button:hover,
.sui-2-12-23 .sui-wrap .sui-button:focus,
.sui-2-12-23 .sui-wrap a.sui-button:hover,
.sui-2-12-23 .sui-wrap a.sui-button:focus,
.sui-2-12-23 .sui-wrap button.sui-button:hover,
.sui-2-12-23 .sui-wrap button.sui-button:focus {
background-color: #6f6f6f;
}
.sui-2-12-23 .sui-wrap .sui-button:focus,
.sui-2-12-23 .sui-wrap a.sui-button:focus,
.sui-2-12-23 .sui-wrap button.sui-button:focus {
outline: none;
box-shadow: 0 0 0 2px #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button.disabled,
.sui-2-12-23 .sui-wrap .sui-button:disabled,
.sui-2-12-23 .sui-wrap .sui-button[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.disabled,
.sui-2-12-23 .sui-wrap a.sui-button:disabled,
.sui-2-12-23 .sui-wrap a.sui-button[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.disabled,
.sui-2-12-23 .sui-wrap button.sui-button:disabled,
.sui-2-12-23 .sui-wrap button.sui-button[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-icon-right [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-icon-right [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-icon-right [class*=sui-icon-]:not(.sui-loading) {
margin-right: -7px;
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue:focus {
background-color: #1286b5;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue:focus {
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green {
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green:focus {
background-color: #148f77;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green:focus {
outline: none;
box-shadow: 0 0 0 2px #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-green.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red {
background-color: #ff6d6d;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red:focus {
background-color: #ff3a3a;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-red.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange {
background-color: #ff7e41;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange:focus {
background-color: #ff5b0e;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow {
background-color: #fecf2f;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow:focus {
background-color: #f9c101;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow:focus {
outline: none;
box-shadow: 0 0 0 2px #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple {
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple:focus {
background-color: #64007e;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white {
background-color: #fff;
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white:focus {
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-white.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-upsell,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-upsell,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-upsell {
width: auto;
height: 26px;
padding: 4px 14px;
border-color: #d1f1ea;
border-radius: 14px;
background-color: rgba(0,0,0,0);
color: #1abc9c;
line-height: 14px;
text-transform: none;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-upsell:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-upsell:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-upsell:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-upsell:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-upsell:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-upsell:focus {
opacity: 1;
border-color: #1abc9c;
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-upsell:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-upsell:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-upsell:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-dashed {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-width: 1px;
border-style: dashed;
border-color: #aaa;
background-color: rgba(0,0,0,0);
color: #888;
line-height: 18px;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-dashed.sui-lg,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-dashed.sui-lg {
height: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-dashed.sui-lg,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-dashed.sui-lg {
height: 50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-dashed {
height: 50px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-dashed,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-dashed {
height: 60px;
}
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost {
border-color: #ddd;
background-color: rgba(0,0,0,0);
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost:focus {
border-color: #888;
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost:focus {
outline: none;
box-shadow: 0 0 0 2px #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload-text {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue {
border-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:focus {
border-color: #17a8e3;
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:focus {
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green {
border-color: #d1f1ea;
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:focus {
border-color: #1abc9c;
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:focus {
outline: none;
box-shadow: 0 0 0 2px #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red {
border-color: #ffe5e9;
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:focus {
border-color: #ff6d6d;
background-color: #ff6d6d;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange {
border-color: #ffe5d9;
color: #ff7e41;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:focus {
border-color: #ff7e41;
background-color: #ff7e41;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow {
border-color: #fff5d5;
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:focus {
border-color: #fecf2f;
background-color: #fecf2f;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:focus {
outline: none;
box-shadow: 0 0 0 2px #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple {
border-color: #f9e1ff;
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:focus {
border-color: #8d00b1;
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white {
border-color: #fff;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:hover,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:hover,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:hover,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:focus {
border-color: #fff;
background-color: #fff;
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap .sui-button.sui-button-ghost.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-ghost.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-ghost.sui-button-white.sui-button-onload {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #aaa;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop {
display: none;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop {
display: block;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile [class*=sui-icon-] {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-button.sui-button-compound,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-compound,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-compound {
min-width: 44px;
padding-right: 5px;
padding-left: 5px;
}
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-lg,
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-lg,
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-lg {
padding: 8px 20px;
font-size: 15px;
line-height: 20px;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-button-lg [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button.sui-button-lg [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button.sui-button-lg [class*=sui-icon-] {
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-button-icon,
.sui-2-12-23 .sui-wrap a.sui-button-icon,
.sui-2-12-23 .sui-wrap button.sui-button-icon {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 4px;
background-color: rgba(0,0,0,0);
color: #888;
text-align: center;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-button-icon [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap a.sui-button-icon [class*=sui-icon-]:not(.sui-loading),
.sui-2-12-23 .sui-wrap button.sui-button-icon [class*=sui-icon-]:not(.sui-loading) {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-button-icon:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-active {
background-color: #f2f2f2;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-button-icon:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon:focus {
outline: none;
box-shadow: 0 0 0 2px #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue.sui-active {
background-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue:focus {
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green {
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green.sui-active {
background-color: #d1f1ea;
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green:focus {
outline: none;
box-shadow: 0 0 0 2px #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red {
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red.sui-active {
background-color: #ffe5e9;
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange {
color: #ff7e41;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange.sui-active {
background-color: #ffe5d9;
color: #ff7e41;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow {
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-active {
background-color: #fff5d5;
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow:focus {
outline: none;
box-shadow: 0 0 0 2px #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple {
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple.sui-active {
background-color: #f9e1ff;
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white {
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white.sui-active {
background-color: rgba(0,0,0,.2);
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-white.sui-button-onload-text {
color: #aaa;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined {
width: 44px;
border-color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-active {
border-color: #888;
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined:focus {
outline: none;
box-shadow: 0 0 0 2px #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue {
border-color: #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active {
border-color: #17a8e3;
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:focus {
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green {
border-color: #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-active {
border-color: #1abc9c;
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:focus {
outline: none;
box-shadow: 0 0 0 2px #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red {
border-color: #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-active {
border-color: #ff6d6d;
background-color: #ff6d6d;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange {
border-color: #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active {
border-color: #ff7e41;
background-color: #ff7e41;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow {
border-color: #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active {
border-color: #fecf2f;
background-color: #fecf2f;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:focus {
outline: none;
box-shadow: 0 0 0 2px #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple {
border-color: #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active {
border-color: #8d00b1;
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white {
border-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-active {
border-color: #fff;
background-color: #fff;
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-white.sui-button-onload-text {
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-active {
background-color: #d2d2d2;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled:focus {
outline: none;
box-shadow: 0 0 0 2px #ddd;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-active {
background-color: #1286b5;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:focus {
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green {
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-active {
background-color: #148f77;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:focus {
outline: none;
box-shadow: 0 0 0 2px #d1f1ea;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red {
background-color: #ff6d6d;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-active {
background-color: #ff3a3a;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange {
background-color: #ff7e41;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-active {
background-color: #ff5b0e;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:focus {
outline: none;
box-shadow: 0 0 0 2px #ffe5d9;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow {
background-color: #fecf2f;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active {
background-color: #f9c101;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:focus {
outline: none;
box-shadow: 0 0 0 2px #fff5d5;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple {
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-active {
background-color: #64007e;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:focus {
outline: none;
box-shadow: 0 0 0 2px #f9e1ff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white {
background-color: #fff;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:hover,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:focus,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:hover,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-active,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:hover,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-active {
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:focus,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:focus,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white:disabled,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white[disabled],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-white.sui-button-onload-text {
background-color: #e6e6e6;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-lg,
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-lg,
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-lg {
width: 50px;
height: 40px;
}
.sui-2-12-23 .sui-wrap .sui-button-icon.sui-button-lg [class*=sui-icon-],
.sui-2-12-23 .sui-wrap a.sui-button-icon.sui-button-lg [class*=sui-icon-],
.sui-2-12-23 .sui-wrap button.sui-button-icon.sui-button-lg [class*=sui-icon-] {
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown .sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-dropdown .sui-button-icon:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-dropdown a.sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-dropdown a.sui-button-icon:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-dropdown button.sui-button:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-dropdown button.sui-button-icon:not(:last-child) {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-toggle {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
opacity: 1;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-toggle input,
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider,
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-label {
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider,
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-label {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider:before {
transform: translateX(18px);
}
.sui-2-12-23 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider {
cursor: not-allowed;
background-color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider:before {
background-color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-toggle input[disabled]~.sui-description,
.sui-2-12-23 .sui-wrap .sui-toggle .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]~.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle input[disabled]~.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-label {
cursor: initial;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:hover~.sui-toggle-slider {
box-shadow: 0 0 0 5px #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:hover:checked~.sui-toggle-slider {
box-shadow: 0 0 0 5px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:hover:focus {
box-shadow: 0 0 0 5px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:hover:focus:checked~.sui-toggle-slider {
box-shadow: 0 0 0 5px #d1eaf4;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:hover[disabled]~.sui-toggle-slider {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:focus~.sui-toggle-slider {
box-shadow: 0 0 0 5px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:focus:checked~.sui-toggle-slider {
box-shadow: 0 0 0 5px #d1eaf4;
}
@media (forced-colors: active) {
.sui-2-12-23 .sui-wrap .sui-toggle input~.sui-toggle-slider {
forced-color-adjust: none;
}
}
@media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) {
.sui-2-12-23 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider {
background-color: #ff7e41 !important;
}
.sui-2-12-23 .sui-wrap .sui-toggle input:checked~.sui-toggle-slider:before {
background-color: #fafafa;
}
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider {
width: 34px;
height: 16px;
position: absolute;
left: 0;
top: 0;
margin: 3px 0;
padding: 0;
border: 0;
border-radius: 8px;
background-color: #aaa;
transition: all .3s ease;
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider:before {
content: " ";
width: 14px;
height: 14px;
position: absolute;
top: 1px;
left: 1px;
border-radius: 16px;
background-color: #fff;
transition: .2s linear;
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider:last-child,
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider.sui-toggle-slider--only {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider~.sui-toggle-label,
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-slider~.sui-description,
.sui-2-12-23 .sui-wrap .sui-toggle .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle-slider~.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-toggle .sui-toggle-slider~.fui-app--description {
margin-left: 44px;
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .sui-toggle .sui-toggle-label {
display: block;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-toggle+label,
.sui-2-12-23 .sui-wrap .sui-toggle+.sui-toggle-label {
position: relative;
top: -3px;
margin-left: 10px;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-toggle-content {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-toggle-content,
.sui-2-12-23 .sui-wrap .sui-toggle-content.sui-border-frame {
margin-left: 44px;
}
.sui-2-12-23 .sui-wrap * {
box-sizing: border-box;
}
.sui-2-12-23 .sui-wrap *:before,
.sui-2-12-23 .sui-wrap *:after {
box-sizing: border-box;
}
.sui-2-12-23 .sui-wrap .sui-box {
min-height: 20px;
position: relative;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 0 #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-header {
border-bottom: 1px solid #e6e6e6;
padding: 15px 30px;
display: flex;
align-items: center;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-header {
padding: 15px 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-header>h3>[class*=sui-icon-] {
line-height: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-footer {
border-top: 1px solid #e6e6e6;
padding: 30px;
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-footer.sui-pull-up {
margin-top: -15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-footer {
padding: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status {
padding: 0 20px 20px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status {
display: flex;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-] {
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-] .sui-tag {
margin-left: 8px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-] [class*=sui-icon-] {
margin-right: 4px;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-] [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-]:not(:last-child) {
margin-right: 20px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status [class*=sui-status-]:not(:first-child) {
padding-left: 20px;
border-left: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-module {
color: #888;
font-weight: bold;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes {
color: #aaa;
font-weight: 500;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-check-tick:before {
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-update:before {
color: #888;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions {
display: inline-block;
margin-top: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions {
margin-left: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status {
flex: 1;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-status {
display: inline-flex;
margin-right: 15px;
margin-top: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status .sui-actions {
flex: 0 0 auto;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-status {
display: flex;
padding: 15px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>* {
max-width: 100%;
flex: 0 1 auto;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>.sui-search-left:not(:last-child) {
margin-right: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>.sui-search-left {
display: flex;
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>.sui-search-right:only-child {
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child):not(:last-child) {
margin-right: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child) {
flex: 0 0 auto;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-search {
display: flex;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box.sui-box-sticky {
position: sticky !important;
top: 32px;
z-index: 12;
}
}
.sui-2-12-23 .sui-wrap .sui-box.sui-box-sticky.sui-is-sticky {
box-shadow: 0 5px 25px rgba(0,0,0,.15);
}
.sui-2-12-23 .sui-wrap .sui-box>.sui-box-search {
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box>.sui-box-search {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box>.sui-box-search {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box:last-child {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-message {
display: block;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h1,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h2,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h3,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h4,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h5,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h6 {
margin: 0 0 20px;
}
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h1:last-child,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h2:last-child,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h3:last-child,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h4:last-child,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h5:last-child,
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content h6:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content p {
margin: 0 0 30px;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content p:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-message .sui-message-content {
margin-top: 30px;
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-message:not(.sui-message-lg) .sui-image {
margin: 10px auto;
}
.sui-2-12-23 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-message.sui-message-lg .sui-image {
margin: 30px auto;
}
.sui-2-12-23 .sui-wrap .sui-message:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-message:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-message {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-message {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title {
display: block;
margin: 0;
padding: 0;
border: 0;
color: #333;
font: 700 15px/30px "Roboto",Arial,sans-serif;
text-transform: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title * {
vertical-align: middle;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title [class*=sui-icon-] {
float: left;
display: block;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title [class*=sui-icon-]:before {
color: inherit;
font-size: 20px;
vertical-align: text-bottom;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image {
width: 100px;
position: absolute;
bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image {
display: none;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p {
position: relative;
padding: 15px 20px 15px 43px;
border-radius: 4px;
color: #333;
font-size: 13px;
line-height: 22px;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 2px solid #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p a {
color: #333;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before {
content: "I";
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before {
color: #8d00b1;
margin-left: -23px;
margin-right: 10px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice {
padding-left: 130px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items {
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-box {
padding: 20px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-box {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-with-bottom-border {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-with-bottom-border {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-border-frame {
margin: 10px 0 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-border-frame:not(:last-child) {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-border-frame:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-border-frame {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-border-frame {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row {
display: flex;
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row [class*=sui-box-settings-col-]+div {
padding-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row [class*=sui-box-settings-col-]+div {
margin-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row.sui-disabled {
opacity: .5;
pointer-events: none;
background-color: rgba(242,242,242,.5);
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed {
margin-right: -20px;
margin-left: -20px;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed {
margin-right: -30px;
margin-left: -30px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-row {
display: block;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row {
display: flex;
position: relative;
margin-bottom: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*=sui-box-settings-col-]+div {
padding-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*=sui-box-settings-col-]+div {
margin-left: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label:only-child,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label-with-tag:only-child {
margin: 5px 0;
line-height: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row {
display: block;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-col-1 {
max-width: 200px;
flex: 0 1 200px;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label-with-tag {
color: #333;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-col-1 {
max-width: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-col-2 {
min-width: 0;
flex: 1;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag {
display: block;
margin: 0 0 5px;
padding: 0;
border: 0;
color: #666;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label:last-child,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag:last-child {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label.sui-dark,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-dark.sui-settings-label-with-tag {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag {
display: flex;
align-items: flex-start;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag {
margin-top: -2px;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-sm {
margin-top: 4px;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-pro,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-beta {
margin-top: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-description+.sui-settings-box,
.sui-2-12-23 .sui-wrap .sui-box-body .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.sui-settings-box,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-body .fui-app--description+.sui-settings-box {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row {
margin: 0;
padding-top: 21px;
padding-right: 20px;
padding-left: 20px;
border-bottom: none;
}
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:after {
content: "";
height: 1px;
clear: both;
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type {
padding-bottom: 30px;
}
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child:after,
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type:after {
content: unset;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type {
padding-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row {
padding-top: 31px;
padding-right: 30px;
padding-left: 30px;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-row select:not(.sui-select):not(.sui-variables),
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-slim-row select:not(.sui-select):not(.sui-variables) {
padding-right: 14px;
padding-left: 40px;
background-position: 14px;
}
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-row [data-clipboard-target],
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-slim-row [data-clipboard-target] {
left: 15px;
right: auto;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-row [class*=sui-box-settings-col-]+div,
.sui-2-12-23.rtl .sui-wrap .sui-box-settings-slim-row [class*=sui-box-settings-col-]+div {
margin-left: 0;
margin-right: 30px;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-box-header .sui-actions-left {
margin-left: auto;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors ul,
.sui-2-12-23 .sui-wrap .sui-box-selectors li {
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors ul {
display: flex;
flex-wrap: wrap;
margin-top: 0;
margin-right: -10px;
margin-bottom: 0;
margin-left: -10px;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors ul li {
margin: 0;
padding: 10px;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors ul.sui-spacing-slim li {
padding: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors[class*=sui-box-selectors-col-] ul li {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-selectors:not([class*=sui-box-selectors-col-]) ul li {
flex: 1;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li {
min-width: 50%;
flex-basis: 50%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li {
min-width: 33.33%;
flex-basis: 33.33%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li {
min-width: 25%;
flex-basis: 25%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li {
min-width: 100%;
flex-basis: 100%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li {
min-width: 20%;
flex-basis: 20%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors {
padding: 10px 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-selectors {
padding: 20px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-selector {
overflow: hidden;
display: block;
position: relative;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
color: #888;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input~span {
display: block;
padding-right: 29px;
padding-left: 19px;
border: 1px dashed rgba(0,0,0,0);
border-radius: 4px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input~span:not(:last-child) {
border-bottom-color: rgba(0,0,0,0) !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input~span:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input+span {
display: flex;
align-items: center;
padding-top: 19px;
padding-bottom: 19px;
font-size: 12px;
line-height: 20px;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input+span [class*=sui-icon] {
width: 30px;
flex: 0 0 30px;
align-self: flex-start;
margin: 0 5px 0 0;
font-size: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input+span [class*=sui-icon]:before {
display: block;
color: #aaa;
line-height: 20px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input+span img {
max-width: 24px;
height: auto;
display: block;
margin: 0 5px 0 0;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input+span~span {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(230,230,230,.5);
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span {
position: relative;
background-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span:before {
content: "_";
position: absolute;
z-index: 1;
top: 5px;
right: 5px;
color: #fff;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span:after {
content: " ";
position: absolute;
top: -1px;
right: -1px;
border-top: 40px solid #17a8e3;
border-left: 40px solid rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span [class*=sui-icon]:before {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-box-selector input:checked+span~span {
border-top-color: #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-box-selector:hover {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled {
pointer-events: none;
position: relative;
background-color: rgba(0,0,0,0);
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled input+span {
border-color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-pro,
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-beta {
position: absolute;
top: 5px;
right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled input+span~span {
border-color: #aaa;
border-top-style: dashed;
border-top-color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-disabled:hover {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-box-selector-vertical input~span {
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span {
display: block;
padding-top: 21px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*=sui-icon] {
display: block;
margin: 0 auto 7px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*=sui-icon]:before {
line-height: 16px;
}
.sui-2-12-23 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span img {
margin: 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder {
display: block;
margin: 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-button-icon {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-button.sui-align_top,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-button-icon.sui-align_top {
align-self: flex-start;
margin-top: 5px;
margin-bottom: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label {
min-width: 0;
display: flex;
flex: 1 1 auto;
align-items: center;
color: #333;
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class*=sui-icon-] {
flex: 0 0 30px;
font-size: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class*=sui-icon-]+span {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>[class*=sui-icon-]+.sui-builder-field-image {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image {
width: 40px;
height: 40px;
flex: 0 0 40px;
border: 1px solid #e6e6e6;
background-color: #ddd;
background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
background-size: 12px 12px;
background-position: 0 0,6px 6px;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image span {
width: 38px;
height: 38px;
display: block;
border: 1px solid #fff;
border-radius: 3px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label .sui-builder-field-image+span {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label>span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label+.sui-button-icon {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form {
display: block;
flex: 1 1 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row {
display: flex;
margin: 0 0 10px;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field {
flex: 1;
margin: 0 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row .sui-form-field.sui-auto {
flex: 0 1 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-form .sui-form-field-row:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border {
width: 1px;
height: 20px;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border:not(:last-child) {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border:not(:first-child) {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-border+.sui-dropdown {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice {
width: 30px;
height: 30px;
cursor: help;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background-color: rgba(0,0,0,0);
color: #17a8e3;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice [class*=sui-icon-] {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice:focus,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-notice:hover {
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-open-indicator [class*=sui-icon-] {
transition: .2s linear;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag {
width: 30px;
flex: 0 0 30px;
color: #ddd;
font-size: 16px;
text-align: center;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag:before,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag:before,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-icon-drag.sui-align_top,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag.sui-align_top,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-icon-drag.sui-align_top {
align-self: flex-start;
margin-top: 12px;
margin-bottom: 12px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-accordion-item-header>.sui-button-icon {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) {
display: flex;
align-items: center;
padding-right: 20px;
padding-left: 20px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can_move,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can-move {
cursor: move;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react).sui-can_open {
cursor: pointer;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) {
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:not(.sui-accordion-item):not(.sui-react) {
min-height: 60px;
padding-top: 15px;
padding-bottom: 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header {
cursor: pointer;
display: flex;
align-items: center;
padding-right: 20px;
padding-left: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header {
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-header {
min-height: 60px;
padding-top: 15px;
padding-bottom: 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body {
display: none;
border-top: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item .sui-accordion-item-body {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can_move .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can-move .sui-accordion-item-header {
cursor: move;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-can_open .sui-accordion-item-header {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-accordion-item--open .sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-] {
transform: rotate(180deg);
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-accordion-item.sui-accordion-item--open .sui-accordion-item-body {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info {
overflow: hidden;
display: flex;
flex: 1;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info:not(:last-child) {
padding-left: 20px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info:not(:first-child) {
padding-right: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info {
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info {
min-height: 60px;
padding-top: 15px;
padding-bottom: 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-info+.sui-field-actions {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions:first-child {
margin-left: 20px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions:last-child {
margin-right: 20px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top {
align-self: flex-start;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top .sui-button,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top .sui-button-icon {
margin-top: 5px;
margin-bottom: 5px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react .sui-field-actions.sui-align_top {
padding-top: 15px;
padding-bottom: 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can_move,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can-move {
cursor: move;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.sui-react.sui-can_open {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-text {
display: block;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) {
border-top: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) {
margin-top: 10px;
margin-right: -20px;
margin-left: -20px;
padding: 10px 20px 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(:first-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions:not(:first-child) {
margin-top: 15px;
margin-right: -30px;
margin-left: -30px;
padding: 15px 30px 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-radio:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-checkbox:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-builder-text:not(:last-child) {
margin-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-radio:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-checkbox:not(:last-child),
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline .sui-builder-text:not(:last-child) {
margin-right: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options.sui-options-inline {
display: flex;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-options:not(.sui-options-inline) .sui-builder-text:not(:last-child) {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions {
display: flex;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule {
flex: 1;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text:first-child {
margin-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text:last-child {
margin-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-builder-text {
flex: 0 1 auto;
margin: 0 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select:first-child,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select):first-child {
margin-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select:last-child,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select):last-child {
margin-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule span.sui-select,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule select:not(.sui-select) {
flex: 0 0 auto;
margin: 0 5px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule+* {
margin-left: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule+* {
margin-left: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-rule {
display: flex;
align-items: center;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header .sui-builder-conditions .sui-builder-conditions-actions {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header:not(:only-child):not(:last-child) {
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header {
padding: 10px 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-header {
padding: 15px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field {
margin: 0 0 20px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field.sui-react .sui-field-info>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-accordion-item-header>.sui-icon-drag {
margin-left: -10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field.ui-sortable-handle {
transition: unset;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-builder-field-label:first-child>[class*=sui-icon-] {
margin-left: -10px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-builder-field-border {
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-hover-show {
opacity: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field .sui-hover-show:focus {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover .sui-hover-show {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover.sui-react .sui-field-info>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:hover .sui-accordion-item-header>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active.sui-react .sui-field-info>.sui-icon-drag,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-field:active .sui-accordion-item-header>.sui-icon-drag {
color: #888;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-button-dashed+.sui-box-builder-message {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-button-dashed+.sui-box-builder-message {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message {
display: block;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:not(:first-child) {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:not(:first-child) {
margin-top: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:last-child {
margin-bottom: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:last-child {
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-box-builder-message {
text-align: center;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:not(:first-child) {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:not(:first-child) {
margin-top: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:last-child {
margin-bottom: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block .sui-image:last-child {
margin-bottom: -30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block:not(:first-child) {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-box-builder-message-block:not(:first-child) {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer .sui-hidden {
display: none !important;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field {
border: 1px solid #e6e6e6;
border-radius: 4px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field:not(:last-child) {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed .sui-builder-field:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer.sui-fields-boxed {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer:not(.sui-fields-boxed) .sui-builder-field:not(:only-child):not(:last-child) {
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-footer:not(:only-child):not(:first-child) {
border-top: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed {
border-width: 0;
border-radius: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field:not(.sui-accordion-item):not(.sui-react) {
height: 70px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field.sui-accordion-item .sui-accordion-item-header {
height: 70px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed .sui-builder-field.sui-react .sui-field-info {
min-height: 70px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed {
margin: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder.sui-flushed {
margin: -30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-builder:not(:last-child) {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-builder:not(:last-child) {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open {
z-index: 1;
}
.sui-2-12-23 .sui-wrap [class*=sui-col-],
.sui-2-12-23 .sui-wrap .sui-col {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-],
.sui-2-12-23 .sui-wrap .sui-col {
padding-left: 10px;
padding-right: 10px;
}
}
.sui-2-12-23 .sui-wrap .sui-row {
display: flex;
flex-flow: wrap;
margin-right: -15px;
margin-bottom: 30px;
margin-left: -15px;
}
.sui-2-12-23 .sui-wrap .sui-row:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-row:last-child {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-row {
margin-right: -10px;
margin-bottom: 20px;
margin-left: -10px;
}
}
.sui-2-12-23 .sui-wrap .sui-reverse {
flex-direction: row-reverse;
}
.sui-2-12-23 .sui-wrap .sui-col {
flex: 1;
}
.sui-2-12-23 .sui-wrap [class*=sui-col-] {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-12 {
margin-left: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-9 {
margin-left: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-6 {
margin-left: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-3 {
margin-left: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-1 {
margin-left: 8.3333333333%;
}
@media (min-width: 0px) {
.sui-2-12-23 .sui-wrap .sui-col-xs-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-12 {
margin-left: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-9 {
margin-left: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-6 {
margin-left: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-3 {
margin-left: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-xs-offset-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 480px) {
.sui-2-12-23 .sui-wrap .sui-col-sm-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-12 {
margin-left: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-9 {
margin-left: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-6 {
margin-left: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-3 {
margin-left: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-sm-offset-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-col-md-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-12 {
margin-left: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-11 {
margin-left: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-10 {
margin-left: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-9 {
margin-left: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-8 {
margin-left: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-7 {
margin-left: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-6 {
margin-left: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-5 {
margin-left: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-4 {
margin-left: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-3 {
margin-left: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-2 {
margin-left: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-md-offset-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-col-lg-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-12 {
margin-left: 100%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-9 {
margin-left: 75%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-6 {
margin-left: 50%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-3 {
margin-left: 25%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-col-lg-offset-1 {
margin-left: 8.3333333333%;
}
}
@media (max-width: 1200px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-lg-]:last-child {
margin-bottom: 0;
}
}
@media (max-width: 1200px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-lg-] {
margin-bottom: 30px;
}
}
@media (max-width: 783px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-lg-] {
margin-bottom: 20px;
}
}
@media (max-width: 783px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-md-]:last-child {
margin-bottom: 0;
}
}
@media (max-width: 783px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-md-] {
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-sm-]:last-child {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-sm-] {
margin-bottom: 20px;
}
}
@media (max-width: 0px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-xs-]:last-child {
margin-bottom: 0;
}
}
@media (max-width: 0px) {
.sui-2-12-23 .sui-wrap [class*=sui-col-xs-] {
margin-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-notice {
margin: 0 0 30px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content {
display: flex;
align-items: flex-start;
margin: 0;
padding: 11px 20px;
border: 0;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 2px 0 0 0 #aaa,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content p {
margin: 0 0 10px;
padding: 0;
border: 0;
color: #333;
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content p:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon {
width: 30px;
display: block;
color: #888;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon~*:not(.sui-notice-icon) {
padding-left: 26px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message {
flex: 1;
position: relative;
padding: 5px 0 3px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon {
position: absolute;
top: 8px;
left: -7px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-sm {
top: 9px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-md {
top: 7px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-lg {
top: 5px;
}
.sui-2-12-23 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions {
flex: 0 0 auto;
margin-right: -9px;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-notice[role=alert],
.sui-2-12-23 .sui-wrap .sui-notice[aria-live=assertive] {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content {
box-shadow: inset 2px 0 0 0 #17a8e3,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content .sui-notice-icon,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content .sui-notice-icon {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content {
box-shadow: inset 2px 0 0 0 #1abc9c,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content .sui-notice-icon,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content .sui-notice-icon {
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content {
box-shadow: inset 2px 0 0 0 #fecf2f,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content .sui-notice-icon,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content .sui-notice-icon {
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content {
box-shadow: inset 2px 0 0 0 #ff6d6d,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content .sui-notice-icon,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content .sui-notice-icon {
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: inset 2px 0 0 0 #8d00b1,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content .sui-notice-icon,
.sui-2-12-23 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content .sui-notice-icon {
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-notice:last-child {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices {
pointer-events: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
padding: 10px;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice {
width: 100%;
max-width: 600px;
pointer-events: initial;
z-index: 1;
margin: 0 auto 10px;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #aaa;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
.sui-2-12-23 .sui-wrap .sui-floating-notices .sui-notice {
max-width: 100%;
}
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content {
box-shadow: inset 2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: inset 2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset 2px 0 0 0 #000;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice {
direction: rtl;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice .sui-notice-content {
flex-direction: row;
box-shadow: inset -2px 0 0 0 #aaa,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice .sui-notice-content p {
padding-right: 26px;
padding-left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon {
left: auto;
right: -7px;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions {
margin-right: 10px;
margin-left: -9px;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-info .sui-notice-content {
box-shadow: inset -2px 0 0 0 #17a8e3,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-success .sui-notice-content {
box-shadow: inset -2px 0 0 0 #1abc9c,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content {
box-shadow: inset -2px 0 0 0 #fecf2f,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-error .sui-notice-content {
box-shadow: inset -2px 0 0 0 #ff6d6d,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: inset -2px 0 0 0 #8d00b1,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #aaa;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #17a8e3;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #1abc9c;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #fecf2f;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #ff6d6d;
}
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #8d00b1;
}
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content {
box-shadow: inset -2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p {
color: #000;
}
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: inset -2px 0 0 0 #000,inset 0 0 0 1px #e6e6e6;
}
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #000;
}
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,
.sui-2-12-23.rtl .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content {
box-shadow: 0 5px 25px 0 rgba(0,0,0,.15),inset -2px 0 0 0 #000;
}
.sui-2-12-23.wp-admin .sui-floating-notices {
left: 160px;
}
.sui-2-12-23.wp-admin.folded .sui-floating-notices {
left: 36px;
}
@media only screen and (max-width: 960px) {
.sui-2-12-23.wp-admin.auto-fold .sui-floating-notices {
left: 36px;
}
}
@media only screen and (max-width: 782px) {
.sui-2-12-23.wp-admin.auto-fold .sui-floating-notices {
left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-header {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
margin-bottom: 30px;
line-height: 1;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header h1 {
flex: 0 0 100%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header .sui-actions-right {
margin-top: 10px;
margin-right: auto;
margin-left: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header .sui-actions-left {
margin-top: 10px;
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header.sui-header-inline h1+* {
margin-left: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header.sui-header-inline h1 {
flex: 1;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header.sui-header-inline .sui-actions-right,
.sui-2-12-23 .sui-wrap .sui-header.sui-header-inline .sui-actions-left {
flex: 0 0 auto;
margin-top: 0;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-header.sui-with-floating-input h1 {
padding-right: 260px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header.sui-with-floating-input {
margin-bottom: 15px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-header {
margin-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-header-title {
color: #333;
margin: 0;
text-align: left;
font-weight: bold;
max-width: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .sui-summary {
padding: 10px 20px;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-image-space,
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment {
padding: 10px 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-image-space,
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment {
padding: 0 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-image-space {
display: none;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-image-space {
min-width: 222px;
min-height: 212px;
flex: 0 0 222px;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment {
display: block;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment .sui-list {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment .sui-summary-details {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list,
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details {
padding-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list,
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details {
padding-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-segment {
overflow: hidden;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details {
color: #333;
font-size: 13px;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details span {
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub {
display: block;
margin-top: 0;
margin-bottom: 5px;
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub {
margin-bottom: 24px;
white-space: normal;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent {
margin-left: -5px;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large {
font-size: 50px;
line-height: 55px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large+.sui-summary-sub {
margin-top: -1px;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail {
display: block;
font-size: 15px;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img {
position: relative;
vertical-align: middle;
top: -1px;
margin-right: 6px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img {
float: left;
vertical-align: unset;
top: 1px;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail+.sui-summary-sub {
margin-top: 5px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details [class*=sui-icon-] {
position: relative;
top: -22px;
left: 5px;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details [class*=sui-icon-]+.sui-summary-percent {
margin-left: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-summary-details {
padding-top: 30px;
padding-bottom: 30px;
text-align: left;
}
}
.sui-2-12-23 .sui-wrap .sui-summary .sui-list li span {
white-space: normal;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary .sui-list {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-summary-sm .sui-summary-image-space {
min-width: 126px;
min-height: 151px;
flex: 0 0 126px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) .sui-summary-image-space {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm):not(.sui-rebranded) {
background-image: url(../css/../assets/images/forminator-summary@2x.png);
background-size: 96px 96px;
background-position: 80px center;
background-repeat: no-repeat;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm:not(.sui-rebranded) {
background-image: url(../css/../assets/images/forminator-summary@2x.png);
background-size: 96px 96px;
background-position: 30px center;
background-repeat: no-repeat;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-list,
.sui-2-12-23 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details {
padding-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space {
display: none;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-rebranded:not(.sui-summary-sm) .sui-summary-image-space {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-rebranded.sui-summary-sm .sui-summary-image-space {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary {
display: flex;
align-items: center;
padding: 0 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list,
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details {
padding-right: 0;
padding-left: 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list,
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details {
padding-right: 15px;
padding-left: 0;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-details {
text-align: right;
}
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent {
margin-right: -5px;
margin-left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-details [class*=sui-icon-] {
left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-summary .sui-summary-details [class*=sui-icon-]+.sui-summary-percent {
margin-right: -20px;
margin-left: 0;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) {
background-position: right 80px center;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm {
background-position: right 30px center;
}
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-details {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-details .sui-summary-sub {
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-list {
margin: 20px 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-list,
.sui-2-12-23 .sui-wrap .sui-list li {
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-list li {
display: flex;
margin: 0;
padding: 9px 0;
border: 0;
border-bottom: 1px solid #e6e6e6;
color: #888;
font-size: 13px;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 500;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-] {
padding: 0 10px;
}
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-]:first-child {
padding-left: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-]:first-child {
padding-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-]:last-child {
padding-right: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-]:last-child {
padding-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li [class*=sui-list-] {
padding: 0 15px;
}
}
.sui-2-12-23 .sui-wrap .sui-list li .sui-list-label {
flex: 1;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-list li .sui-list-detail {
flex: 0 0 auto;
text-align: right;
}
.sui-2-12-23 .sui-wrap .sui-list li:first-child {
padding-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li:first-child {
padding-top: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-list li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li:last-child {
padding-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list li {
padding: 19px 0;
}
}
.sui-2-12-23 .sui-wrap .sui-list:first-child {
margin-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list:first-child {
margin-top: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-list:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list:last-child {
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-list ul,
.sui-2-12-23 .sui-wrap .sui-list ol {
display: none;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-list {
margin: 30px 0;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-list li [class*=sui-list-]:first-child {
padding-right: 0;
padding-left: 10px;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-list li [class*=sui-list-]:first-child {
padding-right: 0;
padding-left: 15px;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-list li [class*=sui-list-]:last-child {
padding-right: 10px;
padding-left: 0;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-list li [class*=sui-list-]:last-child {
padding-right: 15px;
padding-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-tooltip {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-tooltip:before,
.sui-2-12-23 .sui-wrap .sui-tooltip:after {
content: " ";
opacity: 0;
backface-visibility: hidden;
pointer-events: none;
position: absolute;
z-index: 9990;
transition: .2s;
}
.sui-2-12-23 .sui-wrap .sui-tooltip:before {
left: 50%;
bottom: 100%;
border: 5px solid rgba(0,0,0,0);
border-top-color: #333;
transform: translateX(-50%);
}
.sui-2-12-23 .sui-wrap .sui-tooltip:after {
content: attr(data-tooltip);
min-width: var(--tooltip-width, 40px);
left: 50%;
bottom: 100%;
margin-bottom: 10px;
padding: 8px 12px;
border-radius: 4px;
background-color: #333;
box-sizing: border-box;
transform: translateX(-50%);
color: #fff;
font: 500 12px/18px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-transform: none;
text-align: var(--tooltip-text-align, center);
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-tooltip:after {
white-space: nowrap;
}
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-constrained:after {
min-width: var(--tooltip-width, 240px);
white-space: normal;
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-left:after {
left: 0;
transform: translateX(0);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-right:after {
right: 0;
left: unset;
transform: translateX(0);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:before {
top: 100%;
bottom: unset;
border-top-color: rgba(0,0,0,0);
border-bottom-color: #333;
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after {
top: 100%;
bottom: unset;
margin-top: 10px;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after {
left: 0;
transform: translate(0);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after {
left: unset;
right: 0;
transform: translate(0);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-left:before {
top: 50%;
right: 100%;
bottom: unset;
left: unset;
border-top-color: rgba(0,0,0,0);
border-left-color: #333;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-left:after {
top: 50%;
right: 100%;
bottom: unset;
left: unset;
margin-right: 10px;
margin-bottom: 0;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-right:before {
top: 50%;
bottom: unset;
left: 100%;
border-top-color: rgba(0,0,0,0);
border-right-color: #333;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-right:after {
top: 50%;
bottom: unset;
left: 100%;
margin-left: 10px;
margin-bottom: 0;
transform: translateY(-50%);
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-mobile:after {
min-width: var(--tooltip-width-mobile, 120px);
white-space: normal;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:before {
top: unset;
bottom: 100%;
left: 50%;
right: unset;
border-top-color: #333;
border-right-color: rgba(0,0,0,0);
border-bottom-color: rgba(0,0,0,0);
border-left-color: rgba(0,0,0,0);
transform: translateX(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after {
min-width: var(--tooltip-width-mobile, 120px);
top: unset;
bottom: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
white-space: normal;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after {
right: unset;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after {
right: unset;
left: 0;
transform: translateX(0);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after {
right: 0;
left: unset;
transform: translateX(0);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:before,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:before {
top: 100%;
bottom: unset;
left: 50%;
right: unset;
border-top-color: rgba(0,0,0,0);
border-right-color: rgba(0,0,0,0);
border-bottom-color: #333;
border-left-color: rgba(0,0,0,0);
transform: translateX(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after,
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after {
min-width: var(--tooltip-width-mobile, 120px);
top: 100%;
bottom: unset;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
white-space: normal;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after {
right: unset;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after {
right: unset;
left: 0;
transform: translateX(0);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after {
right: 0;
left: unset;
transform: translateX(0);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:before {
top: 50%;
right: 100%;
bottom: unset;
left: unset;
border-top-color: rgba(0,0,0,0);
border-right-color: rgba(0,0,0,0);
border-bottom-color: rgba(0,0,0,0);
border-left-color: #333;
transform: translateY(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:after {
min-width: var(--tooltip-width-mobile, 120px);
top: 50%;
right: 100%;
bottom: unset;
left: unset;
margin-top: 0;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
transform: translateY(-50%);
white-space: normal;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:before {
top: 50%;
right: unset;
bottom: unset;
left: 100%;
border-top-color: rgba(0,0,0,0);
border-right-color: #333;
border-bottom-color: rgba(0,0,0,0);
border-left-color: rgba(0,0,0,0);
transform: translateY(-50%);
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:after {
min-width: var(--tooltip-width-mobile, 120px);
top: 50%;
right: unset;
bottom: unset;
left: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
transform: translateY(-50%);
white-space: normal;
}
}
.sui-2-12-23 .sui-wrap .sui-tooltip:hover:before,
.sui-2-12-23 .sui-wrap .sui-tooltip:hover:after,
.sui-2-12-23 .sui-wrap .sui-tooltip:focus:before,
.sui-2-12-23 .sui-wrap .sui-tooltip:focus:after {
opacity: 1;
backface-visibility: visible;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables) {
width: 100%;
cursor: pointer;
display: block;
appearance: none;
margin: 5px 0;
padding: 8px 14px;
padding-right: 40px;
border: 1px solid #ddd;
border-radius: 4px;
background: url(../css/../assets/images/select-arrow.png) no-repeat right 14px center;
background-size: 12px 12px;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.2px;
transition: all .3s ease;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables) {
background-image: url(../css/../assets/images/select-arrow@2x.png);
}
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)::-ms-expand {
display: none;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables),
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):hover,
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):focus {
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):focus {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):focus {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-sm {
padding: 6px 12px;
padding-right: 40px;
font-size: 13px;
line-height: 16px;
background-position: right 8px center;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-inline {
width: auto;
max-width: 100%;
display: inline-block;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables).sui-select-inline:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] {
padding: 10px 0;
background-image: none;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option {
padding: 8px;
background-color: #fff;
color: #333;
font: 500 15px/35px "Roboto",Arial,sans-serif;
letter-spacing: -0.2px;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option:hover {
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)[multiple] option:checked {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables)[disabled] {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap select:not(.sui-select):not(.sui-variables):last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables) {
border-color: #000;
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables),
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables):hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables):focus {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option {
background-color: #fff;
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option:hover {
background-color: #888;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select:not(.sui-select):not(.sui-variables)[multiple] option:checked {
background-color: #000;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag {
height: auto;
min-height: 26px;
cursor: default;
display: inline-block;
margin: 0 3px;
padding: 0 16px;
border: 2px solid rgba(0,0,0,0);
border-radius: 13px;
background-color: #f2f2f2;
color: #333;
font: 500 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-truncated {
max-width: 100%;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-truncated span {
max-width: 100%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-red,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-error {
background-color: #ff6d6d;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-yellow,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-warning {
background-color: #fecf2f;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-green,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-upsell,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-success,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-upgrade {
background-color: #1abc9c;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-blue,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-branded {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-purple {
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-disabled,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-inactive {
background-color: #f2f2f2;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-uppercase {
text-transform: uppercase;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-pro,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-beta {
min-height: 12px;
padding: 2px 8px 1px;
border: 0;
border-radius: 6px;
font-size: 8px;
line-height: 9px;
text-align: center;
text-transform: uppercase;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-pro {
background-color: #8d00b1;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-beta {
background-color: #ff7e41;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-sm {
min-height: 18px;
padding: 2px 10px;
font-size: 10px;
line-height: 12px;
font-weight: bold;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-red,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-error {
border-color: #ffe5e9;
background-color: rgba(0,0,0,0);
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-yellow,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-warning {
border-color: #fff5d5;
background-color: rgba(0,0,0,0);
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-green,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upsell,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-success,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upgrade {
border-color: #d1f1ea;
background-color: rgba(0,0,0,0);
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-blue,
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-branded {
border-color: #e1f6ff;
background-color: rgba(0,0,0,0);
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-purple {
border-color: #f9e1ff;
background-color: rgba(0,0,0,0);
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-tag:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-tag:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-label-inline,
.sui-2-12-23 .sui-wrap .sui-label {
display: inline-flex;
padding: 0;
border: 0;
color: #aaa;
font: 600 12px/16px "Roboto",Arial,sans-serif;
}
.sui-2-12-23 .sui-wrap .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox {
width: 100%;
height: 40px;
margin: 0;
padding: 9px 14px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
background-image: none;
color: #333;
font: 500 15px/20px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: .2s ease-in-out;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-control::placeholder,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox::placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-form-control:hover,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox:hover {
border-color: #aaa;
background-color: #fff;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-control:focus,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox:focus {
border-color: #17a8e3;
background-color: #fff;
outline: none;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-form-control:focus::placeholder,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox:focus::placeholder {
color: #ddd;
}
.sui-2-12-23 .sui-wrap [disabled].sui-form-control,
.sui-2-12-23 .sui-wrap [disabled].sui-multi-checkbox,
.sui-2-12-23 .sui-wrap .sui-disabled.sui-form-control,
.sui-2-12-23 .sui-wrap .sui-disabled.sui-multi-checkbox,
fieldset[disabled] .sui-2-12-23 .sui-wrap .sui-form-control,
fieldset[disabled] .sui-2-12-23 .sui-wrap .sui-multi-checkbox {
pointer-events: none;
color: #aaa;
background: #e6e6e6;
border-color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-form-control::-ms-expand,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox::-ms-expand {
border: 0;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap label {
cursor: default;
}
.sui-2-12-23 .sui-wrap label[for] {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .sui-label {
display: flex;
align-items: center;
margin: 0 0 5px;
}
.sui-2-12-23 .sui-wrap .sui-label .sui-tag {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-label .sui-tag.sui-left {
margin-right: 5px;
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-label:last-child {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-label-link {
margin-right: 0;
margin-left: auto;
color: #aaa;
font-weight: 400;
}
.sui-2-12-23 .sui-wrap .sui-label-inline {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-label-note {
margin-right: 0;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-form-control.sui-input-sm,
.sui-2-12-23 .sui-wrap .sui-input-sm.sui-multi-checkbox {
max-width: 80px;
}
.sui-2-12-23 .sui-wrap .sui-form-control.sui-input-md,
.sui-2-12-23 .sui-wrap .sui-input-md.sui-multi-checkbox {
max-width: 240px;
}
.sui-2-12-23 .sui-wrap .sui-form-control.sui-field-has-prefix,
.sui-2-12-23 .sui-wrap .sui-field-has-prefix.sui-multi-checkbox,
.sui-2-12-23 .sui-wrap .sui-form-control.sui-field-has-suffix,
.sui-2-12-23 .sui-wrap .sui-field-has-suffix.sui-multi-checkbox {
width: auto;
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox {
height: auto;
max-height: 114px;
overflow-y: auto;
padding: 1px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label {
margin: 1px 0;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label input:checked+span {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label span {
display: block;
padding: 10px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label:first-child span {
border-radius: 3px 3px 0 0;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label:last-child span {
border-radius: 0 0 3px 3px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label {
display: block;
margin-top: 5px;
color: #888;
font-size: 13px;
line-height: 22px;
font-weight: 400;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label.sui-toggle-description {
margin-left: 48px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label.sui-checkbox-description,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label.sui-radio-description {
margin: 0 27px 5px;
}
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label+.sui-form-field,
.sui-2-12-23 .sui-wrap .sui-multi-checkbox label+.sui-form-field-inline {
margin-top: 20px;
}
.sui-2-12-23 .sui-wrap .sui-error-message {
display: block;
margin-top: 8px;
color: #ff6d6d;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-input-sm {
max-width: 80px;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-input-md {
max-width: 240px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field>.sui-row [class^=sui-col] {
padding-right: 5px;
padding-left: 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field>.sui-row:first-child {
margin-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field>.sui-row {
margin-top: 10px;
margin-right: -5px;
margin-bottom: 0;
margin-left: -5px;
}
}
.sui-2-12-23 .sui-wrap .sui-form-field:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-form-field:last-child {
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-has_error .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox {
border-color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-has_error .sui-form-control:focus,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox:focus,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control:focus,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox:focus {
box-shadow: 0 0 0 2px #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-has_error .sui-control-with-icon [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-control-with-icon [class*=sui-icon-]:before {
color: #ff6d6d;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-form-field {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-field-suffix,
.sui-2-12-23 .sui-wrap .sui-field-prefix {
display: inline-block;
color: #888;
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-field-prefix {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-field-suffix {
margin-left: 10px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline>.sui-form-field:first-child,
.sui-2-12-23 .sui-wrap .sui-form-field-inline>span.sui-select:first-child {
margin-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline>.sui-form-field:last-child,
.sui-2-12-23 .sui-wrap .sui-form-field-inline>span.sui-select:last-child {
margin-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline>.sui-form-field,
.sui-2-12-23 .sui-wrap .sui-form-field-inline>span.sui-select {
flex: 0 0 auto;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
margin-left: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline>.sui-form-field {
flex: 0 0 auto;
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline>p,
.sui-2-12-23 .sui-wrap .sui-form-field-inline>span,
.sui-2-12-23 .sui-wrap .sui-form-field-inline>.sui-label {
flex: 0 0 auto;
margin: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline {
display: flex;
align-items: center;
margin-bottom: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline {
margin-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-control-with-icon .sui-multi-checkbox {
padding-left: 40px;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon select.sui-select+.select2-container .select2-selection__rendered {
padding-left: 40px;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon [class*=sui-icon-] {
width: 16px;
height: 16px;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 11px;
left: 14px;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon [class*=sui-icon-]:before {
color: #aaa;
display: block;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-multi-checkbox {
padding-right: 40px;
padding-left: 14px;
}
.sui-2-12-23 .sui-wrap .sui-control-with-icon.sui-right-icon [class*=sui-icon-] {
right: 14px;
left: auto;
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-with-button {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-with-button .sui-button {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-with-button .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-with-button .sui-multi-checkbox {
flex: 1;
margin: 0 5px;
}
.sui-2-12-23 .sui-wrap .sui-with-button .sui-form-control:first-child,
.sui-2-12-23 .sui-wrap .sui-with-button .sui-multi-checkbox:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-with-button .sui-form-control:last-child,
.sui-2-12-23 .sui-wrap .sui-with-button .sui-multi-checkbox:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside {
display: block;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside .sui-button,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside .sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-icon {
position: absolute;
top: 5px;
right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside .sui-button-lg,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-lg {
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-inside .sui-multi-checkbox,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-inside .sui-multi-checkbox {
margin: 0;
padding-right: 90px;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon {
display: block;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-icon {
position: absolute;
top: 5px;
right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-lg {
top: 0;
right: 0;
}
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-with-button.sui-with-button-icon .sui-multi-checkbox {
margin: 0;
padding-right: 40px;
}
.sui-2-12-23 .sui-wrap .sui-input-group {
width: 100%;
display: flex;
align-items: stretch;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-password-group {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 50%;
right: 7px;
padding: 0;
border: 0;
border-radius: 4px;
background: rgba(0,0,0,0);
color: #888;
font-size: 15px;
line-height: 1em;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle:hover,
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle:focus,
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle:active {
outline: 0;
}
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle:hover {
background-color: rgba(0,0,0,.03);
}
.sui-2-12-23 .sui-wrap .sui-password-group .sui-password-toggle:hover [class*=sui-icon-]:before {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-date {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-date .sui-form-control:first-child,
.sui-2-12-23 .sui-wrap .sui-date .sui-multi-checkbox:first-child {
padding-right: 40px;
}
.sui-2-12-23 .sui-wrap .sui-date .sui-form-control:last-child,
.sui-2-12-23 .sui-wrap .sui-date .sui-multi-checkbox:last-child {
padding-left: 40px;
}
.sui-2-12-23 .sui-wrap .sui-date [class*=sui-icon-] {
width: 30px;
height: 30px;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 5px;
}
.sui-2-12-23 .sui-wrap .sui-date [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-date [class*=sui-icon-]:first-child {
left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-date [class*=sui-icon-]:last-child {
right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-multi-date {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-multi-date .sui-form-field {
flex: 1;
}
.sui-2-12-23 .sui-wrap .sui-multi-date .sui-form-field+button {
flex: 0 0 auto;
margin-left: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-multi-date .sui-form-field {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-multi-date .sui-form-field {
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-multi-date:not(:last-child) {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap textarea.sui-form-control,
.sui-2-12-23 .sui-wrap textarea.sui-multi-checkbox {
max-width: 100%;
height: auto;
resize: vertical;
line-height: 20px;
}
.sui-2-12-23 .sui-wrap select.sui-form-control,
.sui-2-12-23 .sui-wrap select.sui-multi-checkbox {
cursor: pointer;
appearance: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center right 10px;
line-height: 1;
}
.sui-2-12-23 .sui-wrap .sui-checkbox,
.sui-2-12-23 .sui-wrap .sui-radio {
user-select: none;
align-items: flex-start;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span,
.sui-2-12-23 .sui-wrap .sui-radio input+span {
width: 16px;
height: 16px;
cursor: pointer;
display: block;
flex-shrink: 0;
position: relative;
margin: 3px 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
transition: .3s ease;
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input+span:before {
opacity: 0;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span+span,
.sui-2-12-23 .sui-wrap .sui-radio input+span+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-radio input+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input+span+.fui-app--description {
cursor: pointer;
margin: 0 0 0 10px;
color: #666;
font-size: 15px;
line-height: 22px;
font-weight: 500;
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span+span.sui-description-sm,
.sui-2-12-23 .sui-wrap .sui-radio input+span+span.sui-description-sm,
.sui-2-12-23 .sui-wrap .sui-checkbox input+span+.sui-description.sui-description-sm,
.sui-2-12-23 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.sui-description-sm.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input+span+.sui-description-sm.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-radio input+span+.sui-description.sui-description-sm,
.sui-2-12-23 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.sui-description-sm.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input+span+.sui-description-sm.fui-app--description {
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span~.sui-tag,
.sui-2-12-23 .sui-wrap .sui-radio input+span~.sui-tag {
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:hover+span,
.sui-2-12-23 .sui-wrap .sui-radio input:hover+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input:focus+span,
.sui-2-12-23 .sui-wrap .sui-radio input:focus+span {
box-shadow: 0px 0px 0px 4px #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked+span,
.sui-2-12-23 .sui-wrap .sui-radio input:checked+span {
border-color: #17a8e3;
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input:checked+span:before {
opacity: 1;
}
@media (forced-colors: active) {
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input:checked+span:before {
forced-color-adjust: none;
}
}
@media (forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white) {
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input:checked+span:before {
background-color: #000;
}
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked:hover+span,
.sui-2-12-23 .sui-wrap .sui-radio input:checked:hover+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input:checked:focus+span,
.sui-2-12-23 .sui-wrap .sui-radio input:checked:focus+span {
box-shadow: 0px 0px 0px 4px rgba(23,168,227,.2);
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled+span,
.sui-2-12-23 .sui-wrap .sui-radio input:disabled+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]+span,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled+span,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled+span {
cursor: not-allowed;
border-color: #f2f2f2;
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled+span+span,
.sui-2-12-23 .sui-wrap .sui-radio input:disabled+span+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input:disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input:disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-radio input:disabled+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input:disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input:disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]+span+span,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]+span+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input[disabled]+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input[disabled]+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input[disabled]+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled+span+span,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled+span+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input.sui-disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input.sui-disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input.sui-disabled+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input.sui-disabled+span+.fui-app--description {
cursor: not-allowed;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled:hover+span,
.sui-2-12-23 .sui-wrap .sui-radio input:disabled:hover+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled:focus+span,
.sui-2-12-23 .sui-wrap .sui-radio input:disabled:focus+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]:hover+span,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]:hover+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]:focus+span,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]:focus+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled:hover+span,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled:hover+span,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled:focus+span,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled:focus+span {
box-shadow: unset;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-checkbox:last-child,
.sui-2-12-23 .sui-wrap .sui-radio:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox:last-child,
.sui-2-12-23 .sui-wrap .sui-radio:last-child {
margin-right: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-checkbox,
.sui-2-12-23 .sui-wrap .sui-radio {
display: flex;
margin: 0 0 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox,
.sui-2-12-23 .sui-wrap .sui-radio {
display: inline-flex;
margin: 0 15px 0 0;
}
}
.sui-2-12-23 .sui-wrap .sui-radio input+span {
position: relative;
border-radius: 50%;
}
.sui-2-12-23 .sui-wrap .sui-radio input+span:before {
content: " ";
width: 6px;
height: 6px;
display: block;
position: absolute;
top: 4px;
left: 4px;
border-radius: 16px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-radio input:disabled+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input[disabled]+span:before,
.sui-2-12-23 .sui-wrap .sui-radio input.sui-disabled+span:before {
background-color: #aaa;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio.sui-radio-stacked:last-child {
margin: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio.sui-radio-stacked {
display: flex;
margin: 0 0 10px;
}
}
.sui-2-12-23 .sui-wrap .sui-radio.sui-radio-sm input+span+span,
.sui-2-12-23 .sui-wrap .sui-radio.sui-radio-sm input+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-radio.sui-radio-sm .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio.sui-radio-sm input+span+.fui-app--description {
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .sui-radio-image {
flex-direction: column;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-radio-image img {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-radio-image img+.sui-radio {
margin-top: 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-radio-image+* {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio-image+* {
margin-left: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio-image.sui-radio-stacked+* {
margin-top: 30px;
margin-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio-image.sui-radio-stacked {
display: inline-flex;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-radio-image {
display: flex;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-radio-image {
display: inline-flex;
}
}
.sui-2-12-23 .sui-wrap .sui-checkbox input+span:before {
content: "(";
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 10px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-checkbox input:disabled+span:before,
.sui-2-12-23 .sui-wrap .sui-checkbox input[disabled]+span:before,
.sui-2-12-23 .sui-wrap .sui-checkbox input.sui-disabled+span:before {
color: #aaa;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child {
margin: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-stacked {
display: flex;
margin: 0 0 10px;
}
}
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+span,
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+.sui-description,
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-sm .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox.sui-checkbox-sm input+span+.fui-app--description {
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .sui-checkbox-image {
flex-direction: column;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-checkbox-image img {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-checkbox-image img+.sui-checkbox {
margin-top: 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image+* {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image+* {
margin-left: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked+* {
margin-top: 30px;
margin-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked {
display: inline-flex;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image {
display: flex;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-checkbox-image {
display: inline-flex;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-radio input+span+span,
.sui-2-12-23.rtl .sui-wrap .sui-checkbox input+span+span,
.sui-2-12-23.rtl .sui-wrap .sui-radio input+span+.sui-description,
.sui-2-12-23.rtl .sui-wrap .sui-radio .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23.rtl .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-radio input+span+.fui-app--description,
.sui-2-12-23.rtl .sui-wrap .sui-checkbox input+span+.sui-description,
.sui-2-12-23.rtl .sui-wrap .sui-checkbox .fui-table--apps tbody tr.fui-app--promote .fui-app--content input+span+.fui-app--description,
.sui-2-12-23.rtl .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-checkbox input+span+.fui-app--description {
margin: 0 10px 0 0;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-radio,
.sui-2-12-23.rtl .sui-wrap .sui-checkbox {
margin: 0 0 0 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child {
margin: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-checkbox.sui-checkbox-stacked {
margin: 0 0 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-radio.sui-radio-stacked:last-child {
margin: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-radio.sui-radio-stacked {
margin: 0 0 10px;
}
}
.sui-2-12-23 .sui-wrap .sui-upload {
max-width: 100%;
display: flex;
}
.sui-2-12-23 .sui-wrap .sui-upload button {
cursor: pointer;
display: block;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-upload button,
.sui-2-12-23 .sui-wrap .sui-upload button:hover,
.sui-2-12-23 .sui-wrap .sui-upload button:focus,
.sui-2-12-23 .sui-wrap .sui-upload button:active {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image {
width: 40px;
height: 40px;
flex: 0 0 auto;
position: relative;
margin: 0;
padding: 1px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image [class*=sui-image-] {
width: 36px;
height: 36px;
display: block;
border-radius: 3px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-mask {
background-color: #ddd;
background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
background-size: 12px 12px;
background-position: 0 0,6px 6px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview {
cursor: pointer;
display: none;
position: absolute;
top: 1px;
left: 1px;
background-color: rgba(0,0,0,0);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before {
content: "¢";
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
color: #fff;
font-size: 12px;
line-height: 12px;
background-color: rgba(0,0,0,.5);
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus:before,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active:before {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-button,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file {
max-width: calc(100% - 45px);
cursor: initial;
padding-left: 19px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:before {
content: unset;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:hover,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-image~.sui-upload-file:active {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file {
max-width: 100%;
cursor: pointer;
flex: 0 0 auto;
display: none;
position: relative;
padding: 11px 61px 11px 41px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
transition: .3s ease;
overflow-wrap: break-word;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:before {
content: "Æ";
width: 29px;
display: block;
position: absolute;
left: 14px;
font-size: 16px;
line-height: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file span {
user-select: none;
display: block;
color: #333;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file span:focus {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button {
width: 39px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
border: 0 solid #ddd;
border-left-width: 1px;
border-radius: 0 3px 3px 0;
background-color: #fff;
font-size: 12px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button [class*=sui-icon-] {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button:hover,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button:active {
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file button:focus {
background: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:hover,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:active,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-file:focus {
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button {
margin: 0;
padding: 11px 19px;
border: 1px dashed #ddd;
border-radius: 4px;
background-color: rgba(0,0,0,0);
color: #aaa;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button:hover,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button:focus,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button:active,
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button.sui-is-dragover {
border-color: #aaa;
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button:focus {
box-shadow: 0px 0px 0px 2px #f2f2f2;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button [class*=sui-icon-] {
width: 24px;
margin-left: -4px;
color: #888;
font-size: 16px;
line-height: 16px;
vertical-align: bottom;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-upload .sui-upload-button [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-upload.sui-has_file .sui-upload-image .sui-image-preview {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-upload.sui-has_file .sui-upload-file {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-upload.sui-has_file .sui-upload-button {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-upload+.sui-notice {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .sui-upload+.sui-upload {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value {
display: block;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button {
display: block;
margin: 0;
border: 1px solid #ddd;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:hover,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:focus,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:hover,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:focus {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 0;
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button {
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] {
left: 0;
background-color: #ddd;
background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF),linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
background-size: 12px 12px;
background-position: 0 0,6px 6px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] span {
width: 26px;
height: 26px;
display: block;
position: absolute;
top: 1px;
left: 1px;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus {
box-shadow: inset 0 0 0 1px #fff;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input {
width: 100%;
height: 30px;
padding: 6px 40px;
color: #333;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button {
right: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button [class*=sui-icon-] {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-button {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-hex .sui-colorpicker-value {
flex: 0 1 135px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-rgba .sui-colorpicker-value {
flex: 0 1 215px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container {
display: none;
margin: 5px 0 0;
padding: 9px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap span,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap label,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input {
width: 100% !important;
height: 30px;
margin: 0;
padding: 6px 11px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
color: #333;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:hover,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:focus {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker {
width: auto !important;
height: auto !important;
position: relative;
margin: 10px 0 0;
padding: 0 !important;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner {
display: flex;
position: unset;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner {
position: relative;
display: block;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container {
display: flex;
left: 0;
bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container {
position: relative;
margin-top: 10px;
justify-content: space-between;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container {
width: 160px;
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container {
margin-left: 10px;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider,
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette {
float: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square {
width: auto !important;
height: auto !important;
margin-right: 0;
border-radius: 4px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz {
position: unset;
display: block;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz {
width: 140px;
height: 140px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz {
width: 160px;
height: 160px;
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz {
position: relative;
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square {
display: inline-block;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider {
width: 20px !important;
margin-left: 10px !important;
border-radius: 2px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider {
height: 140px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider {
height: 190px !important;
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider {
display: inline-block;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider-offset {
top: 10px;
bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle {
height: 10px;
opacity: 1;
right: -2px;
left: -2px;
border-width: 2px;
border-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle:before {
content: unset;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette {
width: auto !important;
min-width: 20px;
max-width: 20px;
height: 20px !important;
display: block;
flex: 0 0 20px;
border: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:first-child {
margin-left: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:nth-child(n+8) {
display: none;
margin-left: 0 !important;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette {
margin-left: 3.3333333333px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette {
margin-left: 3.3333333333px !important;
}
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-value {
width: 0;
height: 0;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle {
width: 16px;
height: 16px;
opacity: 1;
top: -8px;
left: -8px;
border-width: 3px;
border-color: #fff;
border-radius: 100%;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle:after {
content: unset;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active {
display: inline-flex;
flex-direction: column;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active {
width: 262px;
position: relative;
display: block;
}
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu {
display: flex;
margin: 0;
padding: 0;
border-top: 1px solid #e6e6e6;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item {
cursor: pointer;
margin: 0 10px;
padding: 14px 0 12px;
border: 0;
background-color: rgba(0,0,0,0);
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-transform: uppercase;
text-decoration: none;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited {
outline: none;
border-bottom: 2px solid rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited {
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:first-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:first-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:first-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:last-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:last-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:last-child,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active {
color: #333;
border-bottom-color: #333;
}
@media (forced-colors: active) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item {
forced-color-adjust: none;
}
}
@media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item {
color: #fafafa !important;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active {
color: #ff7e41 !important;
border-bottom: 2px solid #ff7e41 !important;
}
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content {
display: none;
margin-top: -1px;
padding: 20px 0 0;
border-top: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*.active,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content.active {
display: block;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content {
padding: 30px 0 0;
}
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu {
border-top-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu {
overflow: auto;
scrollbar-width: none;
scrollbar-height: none;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]::-webkit-scrollbar,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu::-webkit-scrollbar {
width: 0;
height: 0;
background: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu .sui-tab-item {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation {
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
height: 50px;
align-items: center;
top: 1px;
pointer-events: none;
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--left,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--right {
background: rgba(255,255,255,.8);
pointer-events: all;
transition: all .2s;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--hidden {
visibility: hidden;
opacity: 0;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed) {
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-menu {
margin-right: 20px;
margin-left: 20px;
border-top-width: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-menu {
margin-right: 30px;
margin-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>.sui-tab-content {
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow:not(.sui-tabs-flushed)>.sui-tabs-content>.sui-tab-content {
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-side-tabs {
margin: 0 0 20px;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item {
cursor: pointer;
flex: 0 0 auto;
margin: 0 1px 0 0;
padding: 9px 20px;
border: 0;
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-decoration: none;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*>*:not(input),
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item>*:not(input),
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*>*:not(input),
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item>*:not(input) {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:focus,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:hover,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:visited,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:visited,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:focus,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:hover,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:visited,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:focus,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:visited {
outline: none;
background-color: #f8f8f8;
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:first-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:first-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:first-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:first-child {
border-radius: 4px 0 0 4px;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*:last-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:last-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:last-child,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:last-child {
margin: 0;
border-radius: 0 4px 4px 0;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active {
background-color: #e1f6ff;
color: #17a8e3;
}
@media (forced-colors: active) {
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item {
forced-color-adjust: none;
}
}
@media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black) {
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item {
background-color: #888 !important;
color: #fafafa !important;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs]>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active {
background-color: #333 !important;
color: #ff7e41 !important;
}
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content {
display: none;
margin: 10px 0 0;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed {
padding: 20px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.active,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.active {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>*,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>.sui-tab-content {
margin-top: 30px;
}
.sui-2-12-23 .sui-wrap .sui-side-tabs:last-child {
margin: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-side-tabs:last-child {
margin: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-side-tabs fieldset.sui-form-field {
padding: 0;
border: none;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-side-tabs {
margin: 0 0 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu {
margin: 0 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu {
margin: 0 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content {
padding: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content {
padding: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed {
margin: -20px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body>.sui-tabs-flushed {
margin: -30px !important;
}
}
.sui-2-12-23 .sui-wrap {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav {
width: 100%;
display: table;
table-layout: fixed;
clear: both;
margin-bottom: 30px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav {
vertical-align: top;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs {
margin: 15px 0 0;
padding: 0;
border: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab {
position: relative;
margin: 0 0 6px;
padding: 5px 15px;
line-height: 1.5em;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current {
background-color: #e6e6e6;
border-radius: 20px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current a {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag,
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*=sui-icon-] {
position: absolute;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag {
top: 2px;
right: 3px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*=sui-icon-] {
top: 6px;
right: 7px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*=sui-icon-]:before {
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a {
display: block;
color: #666;
font-weight: 500;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:hover,
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:focus {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab {
height: auto;
padding: 0;
background-color: rgba(0,0,0,0);
line-height: auto;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a {
padding: 5px 15px;
border-radius: 20px;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a.current {
background-color: #e6e6e6;
color: #333;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs {
margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs {
margin-bottom: 30px;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input {
left: 0 !important;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input {
width: 240px;
position: absolute;
top: 0;
left: 230px;
margin: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field {
margin: 0 0 10px;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field select.sui-select+.sui-select {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field:last-child {
margin: 0;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings {
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings {
padding-left: 15px;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-md {
display: none;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-lg {
display: none;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav {
width: 100%;
display: block;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav {
width: 220px;
display: table-cell;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav-sticky {
position: sticky !important;
top: 47px;
z-index: 11;
}
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav>div:not(.sui-sidenav) {
display: block;
position: relative;
vertical-align: top;
margin-bottom: 0;
}
@media (max-width: 1100px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav {
display: block;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag,
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*=sui-icon-] {
right: auto;
margin-left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag {
left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*=sui-icon-] {
left: 7px;
}
@media (min-width: 1200px) {
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input {
right: 230px;
left: auto;
}
}
@media (min-width: 1200px) {
.sui-2-12-23.rtl .sui-wrap .sui-row-with-sidenav .sui-sidenav {
padding-right: 0;
padding-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-dropdown {
position: relative;
display: inline-block;
margin: 0 10px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul {
min-width: 170px;
display: none;
position: absolute;
z-index: 10;
top: 100%;
right: -10px;
left: auto;
margin: 15px 0 0;
padding: 15px 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
transition: .3s ease;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul:before,
.sui-2-12-23 .sui-wrap .sui-dropdown ul:after {
content: " ";
width: 0;
position: absolute;
right: 15px;
border-width: 0 8px 10px;
border-style: solid;
border-top-color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul:before {
z-index: 10;
top: -10px;
border-color: #ddd rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul:after {
z-index: 11;
top: -8px;
border-color: #fff rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li {
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li {
display: block;
margin: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:active,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:active,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li>span,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li>span:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li>span:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li>span:active {
margin: 0;
padding: 0 15px;
border: 0;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button {
width: 100%;
cursor: pointer;
display: block;
font: 500 13px/30px "Roboto",Arial,sans-serif;
text-align: left;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:visited,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:visited {
background-color: rgba(0,0,0,0);
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button:focus {
background-color: rgba(51,51,51,.05);
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a.sui-option-red,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a.sui-option-red:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a.sui-option-red:visited,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button.sui-option-red,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button.sui-option-red:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button.sui-option-red:visited {
background-color: rgba(0,0,0,0);
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a.sui-option-red:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li a.sui-option-red:active,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button.sui-option-red:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li button.sui-option-red:active {
background-color: #ffe5e9;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li [class*=sui-icon-] {
width: 24px;
margin-right: 4px;
font-size: 12px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li [class*=sui-icon-]:before {
display: block;
color: inherit;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li.active a,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li.active button,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li.current a,
.sui-2-12-23 .sui-wrap .sui-dropdown ul li.current button {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li.sui-dropdown-label {
border-bottom: 1px solid #e6e6e6;
line-height: 30px;
cursor: default;
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-dropdown ul li form {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .sui-dropdown:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-dropdown:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-right ul {
right: unset;
left: -10px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-right ul:before,
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-right ul:after {
right: unset;
left: 15px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-center ul {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-center ul:before,
.sui-2-12-23 .sui-wrap .sui-dropdown.sui-dropdown-center ul:after {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.sui-2-12-23 .sui-wrap .sui-dropdown.wds-item-loading {
font-size: 18px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.wds-item-loading .sui-dropdown-anchor {
visibility: hidden;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor,
.sui-2-12-23 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:hover,
.sui-2-12-23 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:focus,
.sui-2-12-23 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:active,
.sui-2-12-23 .sui-wrap .sui-dropdown.open .sui-dropdown-anchor:visited {
background-color: #e6e6e6;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.open ul {
display: block;
}
@keyframes sui1 {
to {
stroke-dasharray: 2.638937829 262.8937829016;
}
}
@keyframes sui2 {
to {
stroke-dasharray: 5.277875658 525.7875658031;
}
}
@keyframes sui3 {
to {
stroke-dasharray: 7.916813487 788.6813487047;
}
}
@keyframes sui4 {
to {
stroke-dasharray: 10.5557513161 1051.5751316062;
}
}
@keyframes sui5 {
to {
stroke-dasharray: 13.1946891451 1314.4689145078;
}
}
@keyframes sui6 {
to {
stroke-dasharray: 15.8336269741 1577.3626974094;
}
}
@keyframes sui7 {
to {
stroke-dasharray: 18.4725648031 1840.2564803109;
}
}
@keyframes sui8 {
to {
stroke-dasharray: 21.1115026321 2103.1502632125;
}
}
@keyframes sui9 {
to {
stroke-dasharray: 23.7504404611 2366.044046114;
}
}
@keyframes sui10 {
to {
stroke-dasharray: 26.3893782902 2628.9378290156;
}
}
@keyframes sui11 {
to {
stroke-dasharray: 29.0283161192 2891.8316119172;
}
}
@keyframes sui12 {
to {
stroke-dasharray: 31.6672539482 3154.7253948187;
}
}
@keyframes sui13 {
to {
stroke-dasharray: 34.3061917772 3417.6191777203;
}
}
@keyframes sui14 {
to {
stroke-dasharray: 36.9451296062 3680.5129606218;
}
}
@keyframes sui15 {
to {
stroke-dasharray: 39.5840674352 3943.4067435234;
}
}
@keyframes sui16 {
to {
stroke-dasharray: 42.2230052642 4206.300526425;
}
}
@keyframes sui17 {
to {
stroke-dasharray: 44.8619430933 4469.1943093265;
}
}
@keyframes sui18 {
to {
stroke-dasharray: 47.5008809223 4732.0880922281;
}
}
@keyframes sui19 {
to {
stroke-dasharray: 50.1398187513 4994.9818751296;
}
}
@keyframes sui20 {
to {
stroke-dasharray: 52.7787565803 5257.8756580312;
}
}
@keyframes sui21 {
to {
stroke-dasharray: 55.4176944093 5520.7694409328;
}
}
@keyframes sui22 {
to {
stroke-dasharray: 58.0566322383 5783.6632238343;
}
}
@keyframes sui23 {
to {
stroke-dasharray: 60.6955700674 6046.5570067359;
}
}
@keyframes sui24 {
to {
stroke-dasharray: 63.3345078964 6309.4507896374;
}
}
@keyframes sui25 {
to {
stroke-dasharray: 65.9734457254 6572.344572539;
}
}
@keyframes sui26 {
to {
stroke-dasharray: 68.6123835544 6835.2383554406;
}
}
@keyframes sui27 {
to {
stroke-dasharray: 71.2513213834 7098.1321383421;
}
}
@keyframes sui28 {
to {
stroke-dasharray: 73.8902592124 7361.0259212437;
}
}
@keyframes sui29 {
to {
stroke-dasharray: 76.5291970415 7623.9197041452;
}
}
@keyframes sui30 {
to {
stroke-dasharray: 79.1681348705 7886.8134870468;
}
}
@keyframes sui31 {
to {
stroke-dasharray: 81.8070726995 8149.7072699484;
}
}
@keyframes sui32 {
to {
stroke-dasharray: 84.4460105285 8412.6010528499;
}
}
@keyframes sui33 {
to {
stroke-dasharray: 87.0849483575 8675.4948357515;
}
}
@keyframes sui34 {
to {
stroke-dasharray: 89.7238861865 8938.388618653;
}
}
@keyframes sui35 {
to {
stroke-dasharray: 92.3628240155 9201.2824015546;
}
}
@keyframes sui36 {
to {
stroke-dasharray: 95.0017618446 9464.1761844562;
}
}
@keyframes sui37 {
to {
stroke-dasharray: 97.6406996736 9727.0699673577;
}
}
@keyframes sui38 {
to {
stroke-dasharray: 100.2796375026 9989.9637502593;
}
}
@keyframes sui39 {
to {
stroke-dasharray: 102.9185753316 10252.8575331608;
}
}
@keyframes sui40 {
to {
stroke-dasharray: 105.5575131606 10515.7513160624;
}
}
@keyframes sui41 {
to {
stroke-dasharray: 108.1964509896 10778.645098964;
}
}
@keyframes sui42 {
to {
stroke-dasharray: 110.8353888187 11041.5388818655;
}
}
@keyframes sui43 {
to {
stroke-dasharray: 113.4743266477 11304.4326647671;
}
}
@keyframes sui44 {
to {
stroke-dasharray: 116.1132644767 11567.3264476686;
}
}
@keyframes sui45 {
to {
stroke-dasharray: 118.7522023057 11830.2202305702;
}
}
@keyframes sui46 {
to {
stroke-dasharray: 121.3911401347 12093.1140134718;
}
}
@keyframes sui47 {
to {
stroke-dasharray: 124.0300779637 12356.0077963733;
}
}
@keyframes sui48 {
to {
stroke-dasharray: 126.6690157927 12618.9015792749;
}
}
@keyframes sui49 {
to {
stroke-dasharray: 129.3079536218 12881.7953621764;
}
}
@keyframes sui50 {
to {
stroke-dasharray: 131.9468914508 13144.689145078;
}
}
@keyframes sui51 {
to {
stroke-dasharray: 134.5858292798 13407.5829279796;
}
}
@keyframes sui52 {
to {
stroke-dasharray: 137.2247671088 13670.4767108811;
}
}
@keyframes sui53 {
to {
stroke-dasharray: 139.8637049378 13933.3704937827;
}
}
@keyframes sui54 {
to {
stroke-dasharray: 142.5026427668 14196.2642766842;
}
}
@keyframes sui55 {
to {
stroke-dasharray: 145.1415805959 14459.1580595858;
}
}
@keyframes sui56 {
to {
stroke-dasharray: 147.7805184249 14722.0518424874;
}
}
@keyframes sui57 {
to {
stroke-dasharray: 150.4194562539 14984.9456253889;
}
}
@keyframes sui58 {
to {
stroke-dasharray: 153.0583940829 15247.8394082905;
}
}
@keyframes sui59 {
to {
stroke-dasharray: 155.6973319119 15510.733191192;
}
}
@keyframes sui60 {
to {
stroke-dasharray: 158.3362697409 15773.6269740936;
}
}
@keyframes sui61 {
to {
stroke-dasharray: 160.97520757 16036.5207569952;
}
}
@keyframes sui62 {
to {
stroke-dasharray: 163.614145399 16299.4145398967;
}
}
@keyframes sui63 {
to {
stroke-dasharray: 166.253083228 16562.3083227983;
}
}
@keyframes sui64 {
to {
stroke-dasharray: 168.892021057 16825.2021056998;
}
}
@keyframes sui65 {
to {
stroke-dasharray: 171.530958886 17088.0958886014;
}
}
@keyframes sui66 {
to {
stroke-dasharray: 174.169896715 17350.989671503;
}
}
@keyframes sui67 {
to {
stroke-dasharray: 176.808834544 17613.8834544045;
}
}
@keyframes sui68 {
to {
stroke-dasharray: 179.4477723731 17876.7772373061;
}
}
@keyframes sui69 {
to {
stroke-dasharray: 182.0867102021 18139.6710202076;
}
}
@keyframes sui70 {
to {
stroke-dasharray: 184.7256480311 18402.5648031092;
}
}
@keyframes sui71 {
to {
stroke-dasharray: 187.3645858601 18665.4585860108;
}
}
@keyframes sui72 {
to {
stroke-dasharray: 190.0035236891 18928.3523689123;
}
}
@keyframes sui73 {
to {
stroke-dasharray: 192.6424615181 19191.2461518139;
}
}
@keyframes sui74 {
to {
stroke-dasharray: 195.2813993472 19454.1399347154;
}
}
@keyframes sui75 {
to {
stroke-dasharray: 197.9203371762 19717.033717617;
}
}
@keyframes sui76 {
to {
stroke-dasharray: 200.5592750052 19979.9275005186;
}
}
@keyframes sui77 {
to {
stroke-dasharray: 203.1982128342 20242.8212834201;
}
}
@keyframes sui78 {
to {
stroke-dasharray: 205.8371506632 20505.7150663217;
}
}
@keyframes sui79 {
to {
stroke-dasharray: 208.4760884922 20768.6088492232;
}
}
@keyframes sui80 {
to {
stroke-dasharray: 211.1150263212 21031.5026321248;
}
}
@keyframes sui81 {
to {
stroke-dasharray: 213.7539641503 21294.3964150264;
}
}
@keyframes sui82 {
to {
stroke-dasharray: 216.3929019793 21557.2901979279;
}
}
@keyframes sui83 {
to {
stroke-dasharray: 219.0318398083 21820.1839808295;
}
}
@keyframes sui84 {
to {
stroke-dasharray: 221.6707776373 22083.077763731;
}
}
@keyframes sui85 {
to {
stroke-dasharray: 224.3097154663 22345.9715466326;
}
}
@keyframes sui86 {
to {
stroke-dasharray: 226.9486532953 22608.8653295342;
}
}
@keyframes sui87 {
to {
stroke-dasharray: 229.5875911244 22871.7591124357;
}
}
@keyframes sui88 {
to {
stroke-dasharray: 232.2265289534 23134.6528953373;
}
}
@keyframes sui89 {
to {
stroke-dasharray: 234.8654667824 23397.5466782388;
}
}
@keyframes sui90 {
to {
stroke-dasharray: 237.5044046114 23660.4404611404;
}
}
@keyframes sui91 {
to {
stroke-dasharray: 240.1433424404 23923.334244042;
}
}
@keyframes sui92 {
to {
stroke-dasharray: 242.7822802694 24186.2280269435;
}
}
@keyframes sui93 {
to {
stroke-dasharray: 245.4212180985 24449.1218098451;
}
}
@keyframes sui94 {
to {
stroke-dasharray: 248.0601559275 24712.0155927466;
}
}
@keyframes sui95 {
to {
stroke-dasharray: 250.6990937565 24974.9093756482;
}
}
@keyframes sui96 {
to {
stroke-dasharray: 253.3380315855 25237.8031585498;
}
}
@keyframes sui97 {
to {
stroke-dasharray: 255.9769694145 25500.6969414513;
}
}
@keyframes sui98 {
to {
stroke-dasharray: 258.6159072435 25763.5907243529;
}
}
@keyframes sui99 {
to {
stroke-dasharray: 261.2548450725 26026.4845072545;
}
}
@keyframes sui100 {
to {
stroke-dasharray: 263.8937829016 26289.378290156;
}
}
.sui-2-12-23 .sui-wrap .sui-circle-score {
display: flex;
align-items: center;
height: 30px;
width: auto;
opacity: 0;
transition: all .4s;
}
.sui-2-12-23 .sui-wrap .sui-circle-score svg {
height: 100%;
transform: rotate(-90deg);
transform-origin: center;
}
.sui-2-12-23 .sui-wrap .sui-circle-score svg circle {
fill: none;
stroke-linecap: butt;
}
.sui-2-12-23 .sui-wrap .sui-circle-score svg circle:first-child {
stroke: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-circle-score svg circle:last-child {
stroke: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-circle-score.loaded {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-circle-score-label {
margin-left: 10px;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-circle-score-sm {
height: 30px;
}
.sui-2-12-23 .sui-wrap .sui-circle-score-lg {
height: 120px;
}
.sui-2-12-23 .sui-wrap .sui-circle-score-lg .sui-circle-score-label {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-grade-success svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-aplus svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-a svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-b svg circle:last-child {
stroke: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-grade-warning svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-c svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-d svg circle:last-child {
stroke: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-grade-error svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-e svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-f svg circle:last-child {
stroke: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-grade-dismissed svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-grade-disabled svg circle:last-child {
stroke: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-grade-default svg circle:last-child {
stroke: #666;
}
.sui-2-12-23 .sui-wrap .sui-footer {
margin-top: 40px;
color: #aaa;
font: 500 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-footer [class*=sui-icon-] {
margin: 0 3px;
font-size: 11px;
}
.sui-2-12-23 .sui-wrap .sui-footer [class*=sui-icon-]:before {
display: block;
color: #aaa;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-footer {
margin-top: 60px;
}
}
.sui-2-12-23 .sui-wrap .sui-footer-nav,
.sui-2-12-23 .sui-wrap .sui-footer-social {
display: flex;
justify-content: center;
margin: 20px 0 0;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav,
.sui-2-12-23 .sui-wrap .sui-footer-nav li,
.sui-2-12-23 .sui-wrap .sui-footer-social,
.sui-2-12-23 .sui-wrap .sui-footer-social li {
padding: 0;
border: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li,
.sui-2-12-23 .sui-wrap .sui-footer-social li {
display: inline-flex;
margin: 0;
color: #aaa;
font: 400 12px/16px "Roboto",Arial,sans-serif;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li a,
.sui-2-12-23 .sui-wrap .sui-footer-social li a {
display: block;
color: #aaa;
font-weight: 400;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li a [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-footer-social li a [class*=sui-icon-] {
width: 30px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li a [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-footer-social li a [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li a,
.sui-2-12-23 .sui-wrap .sui-footer-nav li a:hover,
.sui-2-12-23 .sui-wrap .sui-footer-nav li a:active,
.sui-2-12-23 .sui-wrap .sui-footer-social li a,
.sui-2-12-23 .sui-wrap .sui-footer-social li a:hover,
.sui-2-12-23 .sui-wrap .sui-footer-social li a:active {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li a:hover,
.sui-2-12-23 .sui-wrap .sui-footer-nav li a:active,
.sui-2-12-23 .sui-wrap .sui-footer-social li a:hover,
.sui-2-12-23 .sui-wrap .sui-footer-social li a:active {
color: #666;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-footer-nav,
.sui-2-12-23 .sui-wrap .sui-footer-social {
flex-wrap: wrap;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-footer-nav,
.sui-2-12-23 .sui-wrap .sui-footer-social {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-footer-nav li:not(:last-child):after {
content: "/";
margin-right: 6px;
margin-left: 6px;
}
.sui-2-12-23 .sui-wrap .sui-footer-social li {
margin: 0 5px;
}
.sui-2-12-23 .sui-wrap .sui-footer-social li:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-footer-social li:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap #sui-cross-sell-footer>div {
width: 100%;
text-align: center;
border-bottom: 1px solid #e6e6e6;
line-height: .1em;
margin: 10px 0 40px;
}
.sui-2-12-23 .sui-wrap #sui-cross-sell-footer>div>span {
position: relative;
color: #888;
background-color: #f1f1f1;
padding: 0 30px;
font-size: 16px;
top: 8px;
}
.sui-2-12-23 .sui-wrap #sui-cross-sell-footer h3 {
font-size: 22px;
font-weight: bold;
line-height: 30px;
text-transform: none;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules {
margin-top: 30px;
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-col-md-4 {
display: flex;
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules [class*=sui-cross-] {
min-height: 150px;
border-radius: 4px 4px 0 0;
background-size: cover;
background-position: center;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules [class*=sui-cross-]>span {
width: 56px;
height: 56px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules [class*=sui-cross-]>span {
z-index: 1;
top: 45px;
left: 50%;
transform: translateX(-50%);
}
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules [class*=sui-cross-] {
width: 180px;
flex: none;
border-radius: 4px 0 0 4px;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules [class*=sui-cross-] {
height: 80px;
min-height: auto;
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-1 {
background-image: url(../css/../assets/images/plugins-hummingbird-new.jpg);
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span {
background: url(../css/../assets/images/plugins-hummingbird-new-icon.png) no-repeat center center;
background-size: 50px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span {
background-image: url(../css/../assets/images/plugins-hummingbird-new-icon@2x.png);
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-2 {
background-image: url(../css/../assets/images/plugins-defender-new.jpg);
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span {
background: url(../css/../assets/images/plugins-defender-new-icon.png) no-repeat center center;
background-size: 50px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span {
background-image: url(../css/../assets/images/plugins-defender-new-icon@2x.png);
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-3 {
background-image: url(../css/../assets/images/plugins-smartcrawl-new.jpg);
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span {
background: url(../css/../assets/images/plugins-smartcrawl-new-icon.png) no-repeat center center;
background-size: 50px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span {
background-image: url(../css/../assets/images/plugins-smartcrawl-new-icon@2x.png);
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box h3 {
margin-top: 0;
font-size: 18px;
line-height: 30px;
font-weight: 700;
text-transform: none;
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box h3 {
margin: 0;
min-height: auto;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box h3 {
min-height: auto;
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body {
padding: 30px;
border-radius: 0 0 4px 4px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p {
margin-bottom: 30px;
color: #888;
font-size: 13px;
line-height: 22px;
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p {
margin-bottom: 14px;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p {
margin-bottom: 20px;
}
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body {
text-align: left;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body {
padding: 26px 20px 20px 20px;
}
}
@media (min-width: 600px)and (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-cross-sell-modules .sui-box {
border-radius: 0 4px 4px 0;
}
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-bottom {
text-align: center;
margin-top: 50px;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-bottom h3 {
font-size: 22px;
font-weight: bold;
line-height: 30px;
text-transform: none;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-bottom p {
max-width: 500px;
margin: 20px auto 30px;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-bottom .sui-button {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-cross-sell-bottom img {
display: block;
height: auto;
max-width: 100%;
margin: 30px auto 0;
}
.sui-2-12-23 #wpfooter {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-progress {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-icon {
width: 26px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-icon [class*=sui-icon-] {
display: block;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-icon [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-text {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-bar {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-text {
min-width: 40px;
flex: 0 0 auto;
color: #888;
font: bold 12px/20px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-text span {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-text+.sui-progress-bar {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-bar {
height: 10px;
overflow: hidden;
flex: 1;
border-radius: div(10px, 2);
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-progress .sui-progress-bar span {
height: 100%;
display: block;
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-progress-block {
width: 100%;
max-width: 100%;
min-height: 60px;
display: flex;
align-items: center;
padding: 14px 14px;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-progress {
flex: 1;
}
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-progress+.sui-button,
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-progress+.sui-button-icon {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-button,
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-button-icon {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-progress-block .sui-button-icon [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-progress-block a.sui-button-icon [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-progress-block button.sui-button-icon [class*=sui-icon-] {
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-progress-block+.sui-progress-state {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .sui-progress-state {
display: block;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-progress-state span {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-table {
width: 100%;
table-layout: fixed;
margin: 20px 0;
border-collapse: unset;
border-spacing: unset;
border: 1px solid #e6e6e6;
border-radius: 4px;
color: #666;
font-size: 13px;
line-height: 22px;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>.sui-accordion-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>.sui-accordion-item-title,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>.sui-accordion-item-title {
color: #333;
text-align: left;
}
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td {
height: 40px;
vertical-align: middle;
padding: 5px 9px;
border: 0;
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td:first-child {
padding-left: 19px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td:first-child {
padding-left: 29px;
}
}
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td:last-child {
padding-right: 19px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td:last-child {
padding-right: 29px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table thead>tr>th,
.sui-2-12-23 .sui-wrap .sui-table thead>tr>td,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tbody>tr>td,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>th,
.sui-2-12-23 .sui-wrap .sui-table tfoot>tr>td {
height: 60px;
padding-right: 14px;
padding-left: 14px;
}
}
.sui-2-12-23 .sui-wrap .sui-table thead:last-child>tr:last-child>th,
.sui-2-12-23 .sui-wrap .sui-table thead:last-child>tr:last-child>td,
.sui-2-12-23 .sui-wrap .sui-table tbody:last-child>tr:last-child>th,
.sui-2-12-23 .sui-wrap .sui-table tbody:last-child>tr:last-child>td,
.sui-2-12-23 .sui-wrap .sui-table tfoot:last-child>tr:last-child>th,
.sui-2-12-23 .sui-wrap .sui-table tfoot:last-child>tr:last-child>td {
border-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-table thead tr th {
font-weight: bold;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr th .sui-toggle,
.sui-2-12-23 .sui-wrap .sui-table tbody tr td .sui-toggle {
vertical-align: text-top;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr th>[class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-table tbody tr td>[class*=sui-icon-] {
margin-right: 10px;
font-size: 10px;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr th>[class*=sui-icon-].sui-icon-right,
.sui-2-12-23 .sui-wrap .sui-table tbody tr td>[class*=sui-icon-].sui-icon-right {
margin-right: 0;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr th,
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-accordion-item-title {
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*=sui-icon-] {
margin-right: 10px;
font-size: 16px;
vertical-align: middle;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*=sui-icon-]:before {
display: inline-block;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*=sui-icon-].sui-icon-right,
.sui-2-12-23 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*=sui-icon-].sui-icon-right {
margin-right: 0;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-error th,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-error .sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-error .sui-accordion-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-warning th,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-warning .sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-warning .sui-accordion-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-success th,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-success .sui-table-item-title,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-success .sui-accordion-item-title {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-error td,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-warning td,
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-success td {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-default {
box-shadow: inset 3px 0 0 #666;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-error {
box-shadow: inset 3px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-warning {
box-shadow: inset 3px 0 0 #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-table tbody tr.sui-success {
box-shadow: inset 3px 0 0 #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-table:first-child,
.sui-2-12-23 .sui-wrap .sui-table.sui-table-with-title {
margin-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table:first-child,
.sui-2-12-23 .sui-wrap .sui-table.sui-table-with-title {
margin-top: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-table:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table:last-child {
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-table.sui-table-flushed {
margin: 0;
border: 0;
border-radius: 0;
border-collapse: collapse;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table {
margin: 30px 0;
}
}
.sui-2-12-23 .sui-wrap .sui-table-title {
margin: 5px 0;
color: #333;
font: bold 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>th,
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>td,
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>th,
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>td,
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>th,
.sui-2-12-23 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>td {
height: auto;
padding-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-field-list {
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-field-list-header {
padding: 20px 30px;
}
.sui-2-12-23 .sui-wrap .sui-field-list-item {
display: flex;
align-items: center;
padding: 15px 30px;
border-top: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-field-list-item-label {
margin-right: auto;
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-field-list-title {
margin: 0;
color: #333;
font-size: 13px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 500;
text-transform: capitalize;
}
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-body,
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-content {
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-body .sui-accordion-body-header,
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-content .sui-accordion-body-header {
display: block;
font-size: 13px;
line-height: 22px;
font-weight: 700;
margin: 5px 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-body .sui-box:focus,
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-body .sui-box:focus-within,
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-content .sui-box:focus,
.sui-2-12-23 .sui-wrap .sui-accordion .sui-accordion-item-content .sui-box:focus-within {
border-radius: 0;
border: none;
box-shadow: inset 0 0 0 2px #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer {
display: flex;
align-items: center;
font-size: 13px;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div {
display: flex;
align-items: center;
flex: 1;
padding: 0 9px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:first-child {
padding-left: 19px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:first-child {
padding-left: 29px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:last-child {
padding-right: 19px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div:last-child {
padding-right: 29px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>div,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>div {
padding-right: 14px;
padding-left: 14px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header>[class^=sui-accordion-col-],
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header>[class^=sui-accordion-col-],
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer>[class^=sui-accordion-col-],
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header>[class^=sui-accordion-col-],
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header>[class^=sui-accordion-col-],
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer>[class^=sui-accordion-col-] {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-1,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-1,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-1,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-1,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-1,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-1 {
min-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-2,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-2,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-2,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-2,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-2,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-2 {
min-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-3,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-3,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-3,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-3,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-3,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-3 {
min-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-4,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-4,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-4,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-4,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-4,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-4 {
min-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-5,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-5,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-5,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-5,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-5,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-5 {
min-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-6,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-6,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-6,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-6,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-6,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-6 {
min-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-7,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-7,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-7,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-7,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-7,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-7 {
min-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-8,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-8,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-8,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-8,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-8,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-8 {
min-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-9,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-9,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-9,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-9,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-9,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-9 {
min-width: 75%;
flex-basis: 75%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-10,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-10,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-10,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-10,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-10,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-10 {
min-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-11,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-11,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-11,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-11,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-11,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-11 {
min-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-12,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-12,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-12,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-header .sui-accordion-col-12,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item-header .sui-accordion-col-12,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-footer .sui-accordion-col-12 {
min-width: 100%;
flex-basis: 100%;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-] {
transition: .2s linear;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-] {
transform: rotate(180deg);
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-body,
.sui-2-12-23 .sui-wrap .sui-accordion-block:not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-body {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {
margin: 20px 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-footer {
min-height: 40px;
padding: 5px 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-footer {
min-height: 60px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header {
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div {
overflow: hidden;
color: #333;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header:last-child {
border-bottom-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item {
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header {
color: #666;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header>div span {
flex: 0 1 auto;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class*=sui-icon-] {
margin-right: 10px;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header [class*=sui-icon-].sui-icon-right {
margin-right: 0;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
color: #333;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-toggle {
flex: 0 0 auto;
align-items: flex-start;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-toggle+span {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title [class*=sui-icon-] {
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-accordion-open-indicator [class*=sui-icon-] {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator {
align-self: flex-start;
margin-right: 0;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-open-indicator [class*=sui-icon-] {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-tag+.sui-accordion-open-indicator {
margin-left: 10px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-tag+.sui-accordion-open-indicator {
margin-left: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header:hover,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header:focus {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body {
padding: 0 19px 19px;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body .sui-box:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-body {
padding: 0 29px 29px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:first-child .sui-accordion-item-header {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child {
border-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child .sui-accordion-item-body {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body {
box-shadow: inset 3px 0 #666;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body {
box-shadow: inset 3px 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body {
box-shadow: inset 3px 0 #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body {
box-shadow: inset 3px 0 #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--open>.sui-accordion-item-header {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header {
cursor: default;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-open-indicator {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-toggle {
pointer-events: initial;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-circle-score svg circle:last-child {
stroke: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header [class*=sui-icon-]:before {
color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-error .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-warning .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-success .sui-accordion-item-header {
box-shadow: inset 3px 0 #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled.sui-accordion-item--open>.sui-accordion-item-body {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:first-child {
border-top-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:last-child {
border-bottom-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:first-child) .sui-accordion-item:first-child .sui-accordion-item-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:last-child) .sui-accordion-item:last-child .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed:not(:last-child) .sui-accordion-item:last-child .sui-accordion-item-body {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):first-child {
margin-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):first-child {
margin-top: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields):last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {
margin-top: 30px;
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item {
cursor: pointer;
transition: background-color .3s;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td {
transition: background-color .3s;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-toggle .sui-toggle-slider,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-toggle .sui-toggle-slider {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-accordion-open-indicator [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-accordion-open-indicator [class*=sui-icon-] {
height: 22px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item th.sui-table-item-title .sui-accordion-open-indicator [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item td.sui-table-item-title .sui-accordion-open-indicator [class*=sui-icon-]:before {
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item .sui-accordion-open-indicator {
float: right;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item .sui-accordion-open-indicator [class*=sui-icon-] {
display: block;
margin-right: 0;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item:hover,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item:focus {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content {
box-shadow: inset 3px 0 0 #666;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content {
box-shadow: inset 3px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content {
box-shadow: inset 3px 0 0 #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content {
box-shadow: inset 3px 0 0 #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open th,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open td {
border-bottom-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open .sui-accordion-open-indicator [class*=sui-icon-] {
transform: rotate(180deg);
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--open+.sui-accordion-item-content {
display: table-row;
position: relative;
visibility: visible;
z-index: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled {
pointer-events: none;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th .sui-toggle,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td .sui-toggle {
pointer-events: initial;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th .sui-circle-score svg circle:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td .sui-circle-score svg circle:last-child {
stroke: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td [class*=sui-icon-]:before {
color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success {
box-shadow: inset 3px 0 0 #ddd;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled+.sui-accordion-item-content {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content {
visibility: hidden;
position: absolute;
z-index: -1;
background-color: #f8f8f8;
height: 0;
overflow: hidden;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content th,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content td {
padding: 0 20px 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content th,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody>.sui-accordion-item-content td {
padding: 0 30px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item,
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item-content {
border-radius: 0 0 4px 4px;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-last.sui-accordion-item.sui-accordion-item--open {
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-table-item-first {
border-radius: 4px 4px 0 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item {
margin: 0 0 20px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 0 0 #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header {
min-height: 60px;
padding: 15px 0;
color: #888;
font-size: 13px;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong {
margin-right: 10px;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
color: #333;
font-size: 22px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-tag {
display: block;
bottom: 17px;
left: 9px;
position: absolute;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title {
overflow: hidden;
display: flex;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title span {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title.sui-trim-title .sui-trim-text {
overflow: hidden;
display: block;
flex: 0 1 auto;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-mobile-visible {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-desktop-visible {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-date {
display: none;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon {
margin: 0 5px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button .sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown .sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon .sui-button-icon {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-button-icon:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-tag {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-tag.sui-tag-right {
margin-right: 10px;
margin-left: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto:not(:first-child) {
margin-top: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto {
flex: 0 0 100%;
justify-content: flex-end;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header {
flex-wrap: wrap;
position: relative;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header {
min-height: 90px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body {
padding: 0 20px 20px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li {
border: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li {
font-size: 13px;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: .3s ease;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li span {
display: block;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li span {
margin-right: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong {
color: #333;
font-weight: 500;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li[data-col=large] {
min-width: 200px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li:last-child {
margin: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li {
min-width: 50%;
flex: 0 0 50%;
padding: 10px 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li {
flex: 0 0 auto;
margin: 0;
padding: 0 5px;
text-align: left;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>* {
display: block;
margin-right: 0;
background-color: #f8f8f8;
color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>*:first-child {
border-radius: 4px 4px 0 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>*:last-child {
border-radius: 0 0 4px 4px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body {
padding: 0 30px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item:last-child {
margin: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item:last-child {
margin: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item.sui-accordion-item--open .sui-accordion-item-header .sui-accordion-item-date {
display: none;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item {
margin: 0 0 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-header+.sui-accordion-flushed {
border-top-width: 0;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body>.sui-accordion-flushed:not(.sui-accordion-block) {
margin-right: -20px;
margin-left: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body>.sui-accordion-flushed:not(.sui-accordion-block) {
margin-right: -30px;
margin-left: -30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body .sui-side-tabs .sui-tab-content>.sui-accordion-flushed:not(.sui-accordion-block) {
margin-bottom: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .sui-box-body .sui-side-tabs .sui-tab-content>.sui-accordion-flushed:not(.sui-accordion-block) {
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin-right: -20px;
margin-left: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>* .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin-right: -30px;
margin-left: -30px;
}
}
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin-right: -20px;
margin-left: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion.sui-table.sui-accordion-flushed,
.sui-2-12-23 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {
margin-right: -30px;
margin-left: -30px;
}
}
.sui-2-12-23 .sui-wrap .sui-code-snippet-wrapper {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-code-snippet-wrapper [data-clipboard-target] {
position: absolute;
right: 15px;
top: 15px;
margin: 0;
min-width: auto;
}
.sui-2-12-23 .sui-modal {
width: calc(100% - 160px);
height: calc(100vh - 32px);
overflow-x: hidden;
overflow-y: auto;
user-select: auto;
display: none;
flex-direction: column;
align-items: center;
position: fixed;
z-index: 13;
top: 32px;
left: 160px;
padding: 30px 0;
background-color: rgba(51,51,51,.95);
}
.sui-2-12-23 .sui-modal,
.sui-2-12-23 .sui-modal * {
box-sizing: border-box;
}
.sui-2-12-23 .sui-modal .sui-modal-overlay {
height: calc(100vh - 32px);
position: fixed;
z-index: 12;
top: 32px;
left: 160px;
right: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-modal-overlay {
right: 0;
}
}
.sui-2-12-23 .sui-modal .sui-modal-overlay:hover {
cursor: pointer;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-modal .sui-modal-overlay+.sui-modal-content {
z-index: 13;
}
.sui-2-12-23 .sui-modal .sui-modal-content {
width: 100%;
min-height: 0;
flex: 0 0 auto;
position: relative;
margin: auto;
padding: 0 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-modal-content {
padding: 0 20px;
}
}
.sui-2-12-23 .sui-modal .sui-modal-slide {
display: none;
}
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active {
opacity: 0;
display: block;
animation-duration: .7s;
animation-fill-mode: both;
transform-origin: center;
transform-style: preserve-3d;
}
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-loaded {
opacity: 1;
}
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein {
opacity: 1;
animation-name: fadeIn;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein {
opacity: 1;
animation-name: none;
}
}
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left {
opacity: 1;
animation-name: fadeInLeft;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left {
opacity: 1;
animation-name: none;
}
}
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right {
opacity: 1;
animation-name: fadeInRight;
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right {
opacity: 1;
animation-name: none;
}
}
@media screen and (prefers-reduced-motion: reduce) {
.sui-2-12-23 .sui-modal .sui-modal-slide.sui-active {
animation-duration: .001ms;
}
}
.sui-2-12-23 .sui-modal .sui-modal-slide:disabled a,
.sui-2-12-23 .sui-modal .sui-modal-slide:disabled input,
.sui-2-12-23 .sui-modal .sui-modal-slide:disabled select,
.sui-2-12-23 .sui-modal .sui-modal-slide:disabled button,
.sui-2-12-23 .sui-modal .sui-modal-slide:disabled textarea,
.sui-2-12-23 .sui-modal .sui-modal-slide[disabled] a,
.sui-2-12-23 .sui-modal .sui-modal-slide[disabled] input,
.sui-2-12-23 .sui-modal .sui-modal-slide[disabled] select,
.sui-2-12-23 .sui-modal .sui-modal-slide[disabled] button,
.sui-2-12-23 .sui-modal .sui-modal-slide[disabled] textarea {
opacity: .5;
pointer-events: none;
}
.sui-2-12-23 .sui-modal .sui-box {
box-shadow: none;
}
.sui-2-12-23 .sui-modal .sui-box [class*=sui-icon-]+.sui-box-title {
margin-top: 15px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-title.sui-lg {
font-size: 22px;
line-height: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-title.sui-no-ellipses {
white-space: normal;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-title+.sui-description,
.sui-2-12-23 .sui-modal .sui-box .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-title+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-box .sui-box-title+.fui-app--description {
margin-top: 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-title+.sui-description,
.sui-2-12-23 .sui-modal .sui-box .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-box-title+.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-box .sui-box-title+.fui-app--description {
margin-top: 10px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-banner {
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-banner img {
max-width: 100%;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-logo {
width: 70px;
height: 70px;
overflow: hidden;
display: block;
margin: 0 auto;
padding: 0;
border: 5px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-logo img {
width: 60px;
height: 60px;
display: block;
margin: 0;
padding: 0;
border: 0;
border-radius: 4px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header {
position: relative;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-box-banner {
width: auto;
max-width: none;
margin-top: -15px;
margin-right: -30px;
margin-bottom: 40px;
margin-left: -30px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-box-banner {
margin-top: -10px;
margin-right: -20px;
margin-bottom: 30px;
margin-left: -20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-box-logo {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-button-float--right {
position: absolute;
top: 20px;
right: 20px;
margin: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-button-float--right {
top: 15px;
right: 15px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-button-float--left {
position: absolute;
top: 20px;
left: 20px;
margin: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-button-float--left {
top: 15px;
left: 15px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-steps-float {
position: absolute;
top: 20px;
left: 50%;
margin: 0;
transform: translateX(-50%);
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header .sui-steps-float {
top: 15px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-flatten {
padding-bottom: 0;
border-bottom-width: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 {
padding-top: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 .sui-box-banner {
margin-top: -0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 {
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 .sui-box-banner {
margin-right: -0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--0 {
padding-bottom: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 {
padding-left: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 .sui-box-banner {
margin-left: -0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 {
padding-left: 0;
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 .sui-box-banner {
margin-left: -0;
margin-right: -0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 {
padding-top: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 .sui-box-banner {
margin-top: -10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 {
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 .sui-box-banner {
margin-right: -10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--10 {
padding-bottom: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 {
padding-left: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 .sui-box-banner {
margin-left: -10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 {
padding-left: 10px;
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 .sui-box-banner {
margin-left: -10px;
margin-right: -10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 {
padding-top: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 .sui-box-banner {
margin-top: -20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 {
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 .sui-box-banner {
margin-right: -20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--20 {
padding-bottom: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 {
padding-left: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 .sui-box-banner {
margin-left: -20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 {
padding-left: 20px;
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 .sui-box-banner {
margin-left: -20px;
margin-right: -20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 {
padding-top: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 .sui-box-banner {
margin-top: -30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 {
padding-right: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner {
margin-right: -30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner {
margin-right: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30 {
padding-bottom: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30 {
padding-bottom: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 {
padding-left: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner {
margin-left: -30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner {
margin-left: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 {
padding-left: 30px;
padding-right: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner {
margin-left: -30px;
margin-right: -30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner {
margin-left: -20px;
margin-right: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 {
padding-top: 40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 .sui-box-banner {
margin-top: -40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 {
padding-right: 40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner {
margin-right: -40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner {
margin-right: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40 {
padding-bottom: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40 {
padding-bottom: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 {
padding-left: 40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner {
margin-left: -40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner {
margin-left: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 {
padding-left: 40px;
padding-right: 40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner {
margin-left: -40px;
margin-right: -40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner {
margin-left: -20px;
margin-right: -20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 {
padding-top: 50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 .sui-box-banner {
margin-top: -50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 {
padding-right: 50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner {
margin-right: -50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner {
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50 {
padding-bottom: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 {
padding-left: 50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner {
margin-left: -50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner {
margin-left: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 {
padding-left: 50px;
padding-right: 50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner {
margin-left: -50px;
margin-right: -50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner {
margin-left: -40px;
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 {
padding-top: 60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 .sui-box-banner {
margin-top: -60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 {
padding-right: 60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner {
margin-right: -60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner {
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60 {
padding-bottom: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 {
padding-left: 60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner {
margin-left: -60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner {
margin-left: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 {
padding-left: 60px;
padding-right: 60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner {
margin-left: -60px;
margin-right: -60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner {
margin-left: -40px;
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 {
padding-top: 70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 .sui-box-banner {
margin-top: -70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 {
padding-right: 70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner {
margin-right: -70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner {
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70 {
padding-bottom: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 {
padding-left: 70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner {
margin-left: -70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner {
margin-left: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 {
padding-left: 70px;
padding-right: 70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner {
margin-left: -70px;
margin-right: -70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner {
margin-left: -40px;
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 {
padding-top: 80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 .sui-box-banner {
margin-top: -80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 {
padding-right: 80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner {
margin-right: -80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner {
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80 {
padding-bottom: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 {
padding-left: 80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner {
margin-left: -80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner {
margin-left: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 {
padding-left: 80px;
padding-right: 80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner {
margin-left: -80px;
margin-right: -80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner {
margin-left: -40px;
margin-right: -40px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 {
padding-top: 90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 .sui-box-banner {
margin-top: -90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 {
padding-right: 90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner {
margin-right: -90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner {
margin-right: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90 {
padding-bottom: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90 {
padding-bottom: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 {
padding-left: 90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner {
margin-left: -90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner {
margin-left: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 {
padding-left: 90px;
padding-right: 90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner {
margin-left: -90px;
margin-right: -90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner {
margin-left: -50px;
margin-right: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 {
padding-top: 100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 .sui-box-banner {
margin-top: -100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 {
padding-right: 100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner {
margin-right: -100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner {
margin-right: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100 {
padding-bottom: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100 {
padding-bottom: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 {
padding-left: 100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner {
margin-left: -100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner {
margin-left: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 {
padding-left: 100px;
padding-right: 100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner {
margin-left: -100px;
margin-right: -100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner {
margin-left: -50px;
margin-right: -50px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-content-center {
display: block;
text-align: center;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header.sui-content-center-inline {
justify-content: center;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten {
padding-top: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten {
padding-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten) {
margin-top: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten) {
margin-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-content-center {
text-align: center;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-content-center-inline {
text-align: right;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--0 {
padding-top: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--0 {
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--0 {
padding-bottom: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--0 {
padding-left: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--0 {
padding-left: 0;
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--10 {
padding-top: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--10 {
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--10 {
padding-bottom: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--10 {
padding-left: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--10 {
padding-left: 10px;
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--20 {
padding-top: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--20 {
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--20 {
padding-bottom: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--20 {
padding-left: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--20 {
padding-left: 20px;
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30 {
padding-top: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30 {
padding-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30 {
padding-right: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30 {
padding-bottom: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30 {
padding-bottom: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30 {
padding-left: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30 {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40 {
padding-top: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40 {
padding-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40 {
padding-right: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40 {
padding-bottom: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40 {
padding-bottom: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40 {
padding-left: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40 {
padding-left: 40px;
padding-right: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50 {
padding-top: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50 {
padding-right: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50 {
padding-bottom: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50 {
padding-left: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50 {
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60 {
padding-top: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60 {
padding-right: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60 {
padding-bottom: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60 {
padding-left: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60 {
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70 {
padding-top: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70 {
padding-right: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70 {
padding-bottom: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70 {
padding-left: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70 {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80 {
padding-top: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80 {
padding-right: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80 {
padding-bottom: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80 {
padding-bottom: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80 {
padding-left: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80 {
padding-left: 80px;
padding-right: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90 {
padding-top: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90 {
padding-top: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90 {
padding-right: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90 {
padding-bottom: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90 {
padding-bottom: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90 {
padding-left: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90 {
padding-left: 90px;
padding-right: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100 {
padding-top: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100 {
padding-top: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100 {
padding-right: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100 {
padding-bottom: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100 {
padding-bottom: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100 {
padding-left: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100 {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors {
margin: 30px 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors:first-child {
margin-top: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors:first-child {
margin-top: 0;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors:last-child {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-selectors {
margin: 20px 0;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-flatten {
padding-top: 0;
border-top-width: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-content-center {
justify-content: center;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-content-right {
justify-content: flex-end;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-content-separated {
justify-content: space-between;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--0 {
padding-top: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--0 {
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--0 {
padding-bottom: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--0 {
padding-left: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--0 {
padding-left: 0;
padding-right: 0;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--10 {
padding-top: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--10 {
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--10 {
padding-bottom: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--10 {
padding-left: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--10 {
padding-left: 10px;
padding-right: 10px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--20 {
padding-top: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--20 {
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--20 {
padding-bottom: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--20 {
padding-left: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--20 {
padding-left: 20px;
padding-right: 20px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30 {
padding-top: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30 {
padding-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30 {
padding-right: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--30 {
padding-bottom: 30px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30 {
padding-left: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30 {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40 {
padding-top: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40 {
padding-top: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40 {
padding-right: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40 {
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--40 {
padding-bottom: 40px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40 {
padding-left: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40 {
padding-left: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40 {
padding-left: 40px;
padding-right: 40px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40 {
padding-left: 20px;
padding-right: 20px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50 {
padding-top: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50 {
padding-right: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--50 {
padding-bottom: 50px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50 {
padding-left: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50 {
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60 {
padding-top: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60 {
padding-right: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--60 {
padding-bottom: 60px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60 {
padding-left: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60 {
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70 {
padding-top: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70 {
padding-right: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--70 {
padding-bottom: 70px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70 {
padding-left: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70 {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80 {
padding-top: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80 {
padding-top: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80 {
padding-right: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80 {
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--80 {
padding-bottom: 80px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80 {
padding-left: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80 {
padding-left: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80 {
padding-left: 80px;
padding-right: 80px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80 {
padding-left: 40px;
padding-right: 40px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90 {
padding-top: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90 {
padding-top: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90 {
padding-right: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--90 {
padding-bottom: 90px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90 {
padding-left: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90 {
padding-left: 90px;
padding-right: 90px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100 {
padding-top: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100 {
padding-top: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100 {
padding-right: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100 {
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--100 {
padding-bottom: 100px;
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100 {
padding-left: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100 {
padding-left: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100 {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100 {
padding-left: 50px;
padding-right: 50px;
}
}
.sui-2-12-23 .sui-modal .sui-modal-skip:not(.sui-button) {
width: auto;
max-width: 100%;
cursor: pointer;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
background-color: rgba(0,0,0,0);
background-image: none;
box-shadow: none;
color: #aaa;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.18px;
text-align: center;
}
.sui-2-12-23 .sui-modal .sui-modal-skip:not(.sui-button):focus,
.sui-2-12-23 .sui-modal .sui-modal-skip:not(.sui-button):hover,
.sui-2-12-23 .sui-modal .sui-modal-skip:not(.sui-button):active {
color: #fff;
}
.sui-2-12-23 .sui-modal .sui-box-steps {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 -5px;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-modal .sui-box-steps a,
.sui-2-12-23 .sui-modal .sui-box-steps span,
.sui-2-12-23 .sui-modal .sui-box-steps button {
overflow: hidden;
display: block;
flex: 0 0 auto;
margin: 0 5px;
padding: 0;
border: 0;
background-color: #e6e6e6;
white-space: nowrap;
text-overflow: clip;
color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-modal .sui-box-steps a.sui-current,
.sui-2-12-23 .sui-modal .sui-box-steps span.sui-current,
.sui-2-12-23 .sui-modal .sui-box-steps button.sui-current {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-modal .sui-box-steps a:disabled,
.sui-2-12-23 .sui-modal .sui-box-steps a[disabled],
.sui-2-12-23 .sui-modal .sui-box-steps a.sui-disabled,
.sui-2-12-23 .sui-modal .sui-box-steps span:disabled,
.sui-2-12-23 .sui-modal .sui-box-steps span[disabled],
.sui-2-12-23 .sui-modal .sui-box-steps span.sui-disabled,
.sui-2-12-23 .sui-modal .sui-box-steps button:disabled,
.sui-2-12-23 .sui-modal .sui-box-steps button[disabled],
.sui-2-12-23 .sui-modal .sui-box-steps button.sui-disabled {
cursor: not-allowed;
pointer-events: none;
}
.sui-2-12-23 .sui-modal .sui-box-steps a,
.sui-2-12-23 .sui-modal .sui-box-steps button,
.sui-2-12-23 .sui-modal .sui-box-steps span[role=button] {
cursor: pointer;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-lg {
padding: 8px 0;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-lg a,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-lg span,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-lg button {
width: 14px;
height: 14px;
border-radius: 28px;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-md {
padding: 10px 0;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-md a,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-md span,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-md button {
width: 10px;
height: 10px;
border-radius: 20px;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-sm {
padding: 11.5px 0;
}
.sui-2-12-23 .sui-modal .sui-box-steps.sui-sm a,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-sm span,
.sui-2-12-23 .sui-modal .sui-box-steps.sui-sm button {
width: 7px;
height: 7px;
border-radius: 14px;
}
.sui-2-12-23 .sui-modal.sui-modal-xl .sui-modal-content {
max-width: 1040px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal.sui-modal-xl .sui-modal-content {
max-width: 1020px;
}
}
.sui-2-12-23 .sui-modal.sui-modal-lg .sui-modal-content {
max-width: 660px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal.sui-modal-lg .sui-modal-content {
max-width: 640px;
}
}
.sui-2-12-23 .sui-modal.sui-modal-md .sui-modal-content {
max-width: 560px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal.sui-modal-md .sui-modal-content {
max-width: 540px;
}
}
.sui-2-12-23 .sui-modal.sui-modal-sm .sui-modal-content {
max-width: 460px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal.sui-modal-sm .sui-modal-content {
max-width: 440px;
}
}
.sui-2-12-23 .sui-modal.sui-active {
display: flex;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-modal {
width: 100%;
left: 0;
padding: 20px 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23.wp-admin.folded .sui-modal {
width: calc(100% - 36px);
left: 36px;
}
}
@media only screen and (max-width: 960px) {
.sui-2-12-23.wp-admin.auto-fold .sui-modal {
width: calc(100% - 36px);
left: 36px;
}
}
@media only screen and (max-width: 782px) {
.sui-2-12-23.wp-admin.auto-fold .sui-modal {
width: 100%;
left: 0;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-modal {
right: 160px;
left: auto;
}
.sui-2-12-23.rtl .sui-wrap .sui-modal .sui-modal-overlay {
right: 160px;
left: auto;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.folded .sui-modal .sui-modal-overlay {
right: 36px;
left: auto;
}
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.folded .sui-modal {
right: 36px;
left: auto;
}
}
@media only screen and (max-width: 960px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.auto-fold .sui-modal .sui-modal-overlay {
right: 36px;
left: auto;
}
}
@media only screen and (max-width: 782px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.auto-fold .sui-modal .sui-modal-overlay {
right: 0;
left: auto;
}
}
@media only screen and (max-width: 960px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.auto-fold .sui-modal {
right: 36px;
left: auto;
}
}
@media only screen and (max-width: 782px) {
.sui-2-12-23.rtl .sui-wrap.wp-admin.auto-fold .sui-modal {
right: 0;
left: auto;
}
}
html.sui-has-modal,
html.sui-has-overlay {
overflow: hidden;
}
.sui-2-12-23 .sui-wrap .sui-listing li {
color: #888;
line-height: 26px;
padding: 2px 0 2px 34px;
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-listing li:before {
content: "_";
}
.sui-2-12-23 .sui-wrap .sui-listing li:before {
color: #17a8e3;
top: 1px;
font-size: 20px;
vertical-align: middle;
position: absolute;
left: 0;
width: 20px;
height: 20px;
opacity: .8;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.sui-2-12-23 .sui-wrap .sui-pagination {
overflow: hidden;
display: flex;
align-items: center;
margin: 0;
padding: 0;
border: 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-pagination,
.sui-2-12-23 .sui-wrap .sui-pagination li {
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-pagination li {
display: block;
flex: 0 0 40px;
margin: 0;
padding: 0;
border: 0;
color: #888;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a {
min-width: 40px;
display: block;
margin: 0;
padding: 6px 5px;
border: 0;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a [class*=sui-icon-] {
height: 16px;
display: block;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a [class*=sui-icon-]:before {
display: block;
color: inherit;
line-height: 16px;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a,
.sui-2-12-23 .sui-wrap .sui-pagination li a:hover,
.sui-2-12-23 .sui-wrap .sui-pagination li a:focus,
.sui-2-12-23 .sui-wrap .sui-pagination li a:active {
outline: none;
box-shadow: none;
border: 0;
text-decoration: none;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a,
.sui-2-12-23 .sui-wrap .sui-pagination li a:visited {
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a:hover,
.sui-2-12-23 .sui-wrap .sui-pagination li a:focus,
.sui-2-12-23 .sui-wrap .sui-pagination li a:active {
background-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a:disabled,
.sui-2-12-23 .sui-wrap .sui-pagination li a[disabled] {
pointer-events: none;
color: #ddd;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a:disabled.sui-active,
.sui-2-12-23 .sui-wrap .sui-pagination li a[disabled].sui-active {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-pagination li a.sui-active {
background-color: #f8f8f8;
color: #333;
}
@media (max-width: 479px) {
.sui-2-12-23 .sui-wrap .sui-pagination li a {
min-width: auto;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination li:first-child a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-pagination li:not(:last-child) {
border-right: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-pagination li:last-child a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
@media (max-width: 479px) {
.sui-2-12-23 .sui-wrap .sui-pagination li {
flex: 0 1 100%;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination-results {
display: inline-block;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-filter {
display: none;
margin: 10px 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-filter .sui-filter-footer {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #e6e6e6;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filter .sui-filter-footer {
margin-right: -19px;
margin-bottom: -19px;
margin-left: -19px;
padding: 20px 19px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filter .sui-filter-footer {
margin-right: -29px;
margin-bottom: -29px;
margin-left: -29px;
padding: 30px 29px;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination-filter.sui-open {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-pagination-filter:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-pagination-filter:last-child {
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filter {
padding: 19px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filter {
padding: 29px;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter {
display: inline-flex;
margin: 5px;
padding: 5px 10px;
border-radius: 4px;
background-color: #666;
color: #fff;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove {
width: 26px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-top: -5px;
margin-right: -10px;
margin-bottom: -5px;
margin-left: 10px;
border-width: 0;
border-style: none;
border-color: rgba(0,0,0,0);
border-radius: 0 4px 4px 0;
background-color: #5e5e5e;
color: #fff;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-active-filters .sui-active-filter .sui-active-filter-remove:before {
content: ")";
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
margin-top: -1px;
margin-bottom: -1px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination {
flex: 0 0 auto;
margin-top: 1px;
margin-bottom: 1px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination+button,
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination+.sui-pagination-results {
margin-left: 15px;
}
@media (max-width: 479px) {
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination {
flex: 0 0 100%;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination-results {
flex: 0 0 auto;
margin-top: 1px;
margin-bottom: 1px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination-results+button,
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination-results+.sui-pagination {
margin-left: 15px;
}
@media (max-width: 479px) {
.sui-2-12-23 .sui-wrap .sui-pagination-wrap .sui-pagination-results {
margin-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-pagination-wrap button {
flex: 0 0 auto;
margin-top: 1px;
margin-bottom: 1px;
}
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list {
display: block;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list:first-child {
margin-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list:first-child {
margin-top: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list:last-child {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list {
margin: 20px 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-pagination-filters-list {
margin: 30px 0;
}
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select {
min-width: 100%;
max-width: 100%;
display: block;
text-align: left;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection {
display: block;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
height: auto;
cursor: pointer;
user-select: none;
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
min-width: 10px;
overflow: hidden;
display: block;
flex: 1;
padding: 8px 5px 8px 14px;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.2px;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
width: 38px;
height: 38px;
display: flex;
flex-flow: row wrap;
align-items: center;
flex: 0 0 auto;
position: relative;
margin: 0;
padding: 0;
border: 0;
color: #888;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=sui-icon-] {
display: block;
margin: 0 auto;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=sui-icon-]:before {
color: inherit;
display: block;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
margin: 0;
padding: 3px 9px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
min-width: 1px;
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;
align-items: center;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
max-width: 200px;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin: 2px;
padding: 0;
border: 0;
border-radius: 4px;
background-color: #666;
color: #fff;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
min-width: 1px;
overflow: hidden;
display: block;
flex: 1;
padding: 5px 10px;
padding-left: 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline {
min-width: 100px;
flex: 1;
margin: 5px;
padding: 0;
border: 0;
display: block;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
width: 100% !important;
height: 22px;
resize: none;
display: block;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: rgba(0,0,0,0);
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:-moz-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:-ms-input-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-search.select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select .selection:hover span[role=combobox].select2-selection--single {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select:not(.sui-select-theme--search) .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon {
width: 26px;
height: 26px;
cursor: pointer;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #5e5e5e;
color: #ddd;
text-align: center;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select:not(.sui-select-theme--search) .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon:focus {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
position: relative;
padding-left: 46px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class*=sui-icon-] {
width: 30px;
height: 30px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
text-align: center;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class*=sui-icon-]:before {
display: block;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
margin-left: -32px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
position: relative;
padding-left: 45px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .sui-color {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 5px;
border-width: 1px;
border-style: solid;
border-radius: 2px;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
margin-left: -31px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple {
position: relative;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple:before {
content: "º";
width: 30px;
position: absolute;
top: 50%;
left: 9px;
transform: translateY(-50%);
text-align: center;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
padding-left: 40px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
min-width: 1px;
max-width: none;
display: flex;
flex-flow: row nowrap;
flex: 1;
margin: 0;
padding: 0;
background-color: rgba(0,0,0,0);
border-radius: 0;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered.has-option-selected {
width: 100%;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered.has-option-selected+.select2-search {
display: none;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search:hover .selection span[role=combobox] {
background: #fff;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus .selection span[role=combobox] {
border-color: #17a8e3;
background: #fff;
box-shadow: 0 0 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus .selection span[role=combobox] .select2-search textarea:focus {
outline: none;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus.select2-container--open.sui-select-dropdown-container--above .selection span[role=combobox] {
border-top-color: #ddd;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.sui-select-theme--search.select2-container--focus.select2-container--open.sui-select-dropdown-container--below .selection span[role=combobox] {
border-bottom-color: #ddd;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--focus .selection span[role=combobox].select2-selection--single {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--open .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
transform: rotate(180deg);
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection {
cursor: not-allowed;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single {
pointer-events: none;
border-color: #f2f2f2;
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
color: #aaa;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
border-color: #f2f2f2;
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
padding: 6px 6px 6px 12px;
font-size: 13px;
line-height: 16px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
width: 28px;
height: 28px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
padding-left: 36px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class*=sui-icon-] {
left: 5px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class*=sui-icon-]:before {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__placeholder {
margin-left: -24px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
padding-left: 40px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .sui-color {
width: 20px;
height: 20px;
left: 10px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-sm+.sui-select.sui-select-theme--color .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
margin-left: -28px;
}
.sui-2-12-23 .sui-wrap select.sui-select[data-width]+.sui-select {
min-width: auto;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-inline+.sui-select {
min-width: 1px;
display: inline-block;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap select.sui-select.sui-select-inline+.sui-select:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
border-bottom-color: #ff6d6d;
box-shadow: 0 1px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
border-bottom-color: #ff6d6d;
box-shadow: 0 1px 0 0 #ff6d6d;
}
.sui-2-12-23.rtl .sui-wrap select.sui-select+.sui-select {
direction: rtl;
text-align: right;
}
.sui-2-12-23.rtl .sui-wrap select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
padding-right: 14px;
padding-left: 5px;
}
.sui-2-12-23.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
padding-left: 5px;
padding-right: 46px;
}
.sui-2-12-23.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered [class*=sui-icon-] {
left: auto;
right: 10px;
}
.sui-2-12-23.rtl .sui-wrap select.sui-select+.sui-select.sui-select-theme--icon .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
margin-left: auto;
margin-right: -32px;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
border-color: #000;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
border-color: #000;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input:-moz-placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::-moz-placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input:-ms-input-placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-search input::-webkit-input-placeholder {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon {
background-color: #000;
color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.sui-select-theme--search .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered .select2-selection__choice .sui-button-icon {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single {
border-color: #888;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
color: #888;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
color: #888;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible select.sui-select+.sui-select.select2-container--disabled .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
border-color: #888;
background-color: #888;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
border-bottom-color: #000;
box-shadow: 0 1px 0 0 #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-form-field.sui-form-field-error select.sui-select+.sui-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered {
border-bottom-color: #000;
box-shadow: 0 1px 0 0 #000;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open {
display: block;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open * {
box-sizing: border-box;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown {
display: block;
margin: 0;
padding: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search {
display: block;
margin: 4px 0 14px;
padding: 0 14px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input {
width: 100%;
max-width: 100%;
display: block;
margin: 0;
padding: 9px 14px;
border: 1px solid #ddd;
border-radius: 4px;
color: #333;
font: 500 15px/20px "Roboto",Arial,sans-serif;
letter-spacing: -0.2px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:-moz-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::-moz-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:-ms-input-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input::-webkit-input-placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:hover,
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input:focus {
border-color: #ddd;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search.select2-search--hide {
display: none !important;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options {
max-height: 200px;
overflow-y: auto;
display: block;
margin: 0;
padding: 0;
border: 0;
list-style: none;
padding-inline-start: 0;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option {
user-select: none;
display: block;
margin: 0;
padding: 0 14px;
border: 0;
background-color: rgba(0,0,0,0);
color: #888;
font: 500 15px/35px "Roboto",Arial,sans-serif;
letter-spacing: -0.2px;
list-style: none;
transition: all .3s ease;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
position: relative;
margin: 0 15px;
padding: 15px 20px;
padding-left: 46px;
border: 0;
border-radius: 4px;
background-color: #f2f2f2;
color: #333;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message:before {
content: "µ";
width: 30px;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
color: #888;
font-size: 16px;
text-align: center;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group {
color: #aaa;
font-size: 12px;
font-weight: 500;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected) {
cursor: pointer;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted {
background-color: #f8f8f8;
color: #333;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected.select2-results__option--highlighted {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm {
padding: 15px 0;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options {
max-height: 208px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option {
font-size: 13px;
line-height: 30px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option {
position: relative;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class*=sui-icon-] {
width: 30px;
height: 30px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 10px;
text-align: center;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class*=sui-icon-]:before {
display: block;
flex: 0 0 auto;
color: inherit;
font-size: 16px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] {
padding-left: 46px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option [class*=sui-icon-] {
height: 28px;
left: 5px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option [class*=sui-icon-]:before {
font-size: 12px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown.sui-select-dropdown-sm .select2-results .select2-results__options .select2-results__option[role=option] {
padding-left: 36px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option {
position: relative;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .sui-color {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 10px;
border-width: 1px;
border-style: solid;
border-radius: 2px;
transform: translateY(-50%);
text-align: center;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] {
padding-left: 40px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown {
width: 240px !important;
margin-left: -200px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] .sui-variable-name {
min-width: 100px;
flex: 1;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] .sui-variable-value {
flex: 0 0 auto;
color: #aaa;
font-size: 12px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option--group[role=group] {
padding-left: 0;
padding-right: 0;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--vars .sui-select-dropdown .select2-results .select2-results__options .select2-results__option--group[role=group] .select2-results__group {
cursor: initial;
padding-left: 14px;
padding-right: 14px;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown {
border-color: #17a8e3;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown.sui-select-dropdown--above {
border-bottom-style: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 -2px 0 2px #e1f6ff;
}
.sui-2-12-23 .sui-select.sui-select-dropdown-container--open.sui-select-theme--search .sui-select-dropdown.sui-select-dropdown--below {
border-top-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 2px 0 2px #e1f6ff;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open {
direction: rtl;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-search input {
text-align: right;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option {
text-align: right;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option [class*=sui-icon-] {
right: 10px;
left: auto;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--icon .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] {
padding-left: 14px;
padding-right: 46px;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option .sui-color {
right: 10px;
left: auto;
}
.sui-2-12-23.rtl .sui-select.sui-select-dropdown-container--open.sui-select-theme--color .sui-select-dropdown .select2-results .select2-results__options .select2-results__option[role=option] {
padding-right: 40px;
padding-left: 14px;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar {
margin: 0;
padding: 14px;
border-width: 1px;
border-style: solid;
border-color: #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar * {
box-sizing: border-box;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header {
display: block;
position: relative;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all {
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 4px;
background-color: rgba(0,0,0,0);
transition: .3s ease;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:before {
display: block;
color: #888;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all span {
display: none;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:hover,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:active {
background-color: #f2f2f2;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:hover:before,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all:active:before {
color: #333;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
left: 0;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
content: "Ó";
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
right: 0;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
content: "˜";
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-corner-all.ui-state-disabled {
opacity: .5;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-header .ui-datepicker-title {
display: block;
padding: 0 40px;
color: #333;
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar {
margin: 5px 0 0;
border-collapse: collapse;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td {
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
text-align: center;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th span,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr td span,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr th span,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td span {
display: block;
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar thead tr th {
height: calc(14px + 5px);
padding-bottom: 5px;
color: #333;
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
letter-spacing: -0.25px;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td {
color: #888;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td span {
border-radius: 4px;
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
letter-spacing: -0.25px;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default {
background-color: #fff;
color: #888;
transition: all .3s ease;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-hover {
background-color: #f8f8f8;
color: #333;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
background-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default {
background-color: #fff5d5;
color: #666;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active {
background-color: #e1f6ff;
color: #17a8e3;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled {
background-color: #fff;
color: #ddd;
}
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled a,
.sui-2-12-23 #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
background-color: #fff;
color: #ddd;
text-decoration: line-through;
}
.sui-2-12-23.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
background-color: #333;
color: #fff;
}
.sui-2-12-23.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default {
background-color: #ddd;
color: #000;
}
.sui-2-12-23.sui-elements-accessible #ui-datepicker-div.sui-calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active {
background-color: #333;
color: #fff;
}
.sui-2-12-23 .daterangepicker {
width: auto;
max-width: 100%;
direction: ltr;
display: none;
position: absolute;
margin: 0;
padding: 14px;
border-width: 1px;
border-style: solid;
border-color: #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
text-align: left;
}
.sui-2-12-23 .daterangepicker * {
box-sizing: border-box;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.sui-2-12-23 .daterangepicker .ranges {
display: none;
}
.sui-2-12-23 .daterangepicker .drp-calendar {
display: block;
}
@media (min-width: 480px) {
.sui-2-12-23 .daterangepicker .drp-calendar.left {
float: left;
}
}
@media (min-width: 480px) {
.sui-2-12-23 .daterangepicker .drp-calendar.right {
float: right;
}
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed {
margin: 0 auto;
padding: 0;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr td,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr th,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td {
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
border-radius: 4px;
text-align: center;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th {
height: calc(14px + 5px);
padding-bottom: 5px;
color: #333;
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
letter-spacing: -0.25px;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span {
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:hover,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:focus,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:hover,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:focus {
background-color: #f2f2f2;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:hover:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:focus:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:hover:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:focus:before {
color: #333;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before {
content: "";
display: block;
color: #888;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev:not(.available),
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next:not(.available) {
pointer-events: none;
display: none;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.prev span:before {
content: "Ó";
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed thead tr th.next span:before {
content: "˜";
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td {
border-radius: 4px;
background-color: #fff;
color: #888;
font-size: 12px;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
letter-spacing: -0.25px;
transition: all .3s ease;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td:hover {
background-color: #f8f8f8;
color: #333;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off) {
cursor: pointer;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).today {
background-color: #fff5d5;
color: #666;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date {
color: #fff;
background-color: #17a8e3;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.end-date) {
color: #17a8e3;
background-color: #e1f6ff;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date:not(.end-date) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date:not(.start-date) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date) {
border-radius: 0;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date):first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.start-date):not(.end-date):last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.off,
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.disabled {
pointer-events: none;
background-color: #fff;
color: #ddd;
}
.sui-2-12-23 .daterangepicker .drp-calendar .table-condensed tbody tr td.disabled {
text-decoration: line-through;
}
@media (min-width: 480px) {
.sui-2-12-23 .daterangepicker .drp-calendar+.drp-calendar {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #e6e6e6;
}
}
@media (max-width: 479px) {
.sui-2-12-23 .daterangepicker .drp-calendar {
margin-top: 15px;
}
}
.sui-2-12-23 .daterangepicker.show-ranges {
padding-top: 20px;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges {
display: block;
flex: 0 0 auto;
margin: 0 auto;
max-width: calc(30px*14 + 20px);
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul,
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li {
list-style: none;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li {
cursor: pointer;
display: block;
margin: 3px 5px;
padding: 3px 10px;
border: 0;
border-radius: 10px;
background-color: #f2f2f2;
color: #333;
font: bold 10px/12px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li:hover,
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li:focus {
background-color: #e1f6ff;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li.active {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li:first-child {
margin-left: 0;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges ul li:last-child {
margin-right: 0;
}
@media (max-width: 479px) {
.sui-2-12-23 .daterangepicker.show-ranges .ranges {
max-width: calc(30px*7);
}
}
.sui-2-12-23 .daterangepicker.auto-apply .drp-buttons {
display: none;
visibility: hidden;
pointer-events: none;
}
.sui-2-12-23.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).today {
background-color: #ddd;
color: #000;
}
.sui-2-12-23.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).start-date,
.sui-2-12-23.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).end-date {
background-color: #333;
color: #fff;
}
.sui-2-12-23.sui-elements-accessible .daterangepicker .drp-calendar .table-condensed tbody tr td.available:not(.off).in-range:not(.end-date) {
color: #000;
background-color: #f8f8f8;
}
.sui-2-12-23.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li:hover,
.sui-2-12-23.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li:focus {
background-color: #ddd;
}
.sui-2-12-23.sui-elements-accessible .daterangepicker.show-ranges .ranges ul li.active {
background-color: #333;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-hidden {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-hidden-important {
display: none !important;
}
.sui-2-12-23 .sui-wrap .sui-block-content-center {
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-image {
display: block;
height: auto;
max-width: 100%;
}
.sui-2-12-23 .sui-wrap .sui-image-center {
margin-right: auto;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-actions-left {
display: flex;
align-items: center;
margin-left: 10px;
margin-right: auto;
}
.sui-2-12-23 .sui-wrap .sui-actions-right {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-space-between {
justify-content: space-between;
}
.sui-2-12-23 .sui-wrap .sui-align-start {
justify-content: flex-start;
}
.sui-2-12-23 .sui-wrap .sui-align-end {
justify-content: flex-end;
}
.sui-2-12-23 .sui-wrap .sui-success {
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .sui-warning {
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-error {
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-info {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-no-margin {
margin: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-margin-top {
margin-top: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-margin-bottom {
margin-bottom: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-margin-left {
margin-left: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-margin-right {
margin-right: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-padding {
padding: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-padding-top {
padding-top: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-padding-bottom {
padding-bottom: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-padding-left {
padding-left: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-no-padding-right {
padding-right: 0 !important;
}
.sui-2-12-23 .sui-wrap .sui-margin {
margin: 30px !important;
}
.sui-2-12-23 .sui-wrap .sui-margin-top {
margin-top: 30px !important;
}
.sui-2-12-23 .sui-wrap .sui-margin-bottom {
margin-bottom: 30px !important;
}
.sui-2-12-23 .sui-wrap .sui-margin-left {
margin-left: 30px !important;
}
.sui-2-12-23 .sui-wrap .sui-margin-right {
margin-right: 30px !important;
}
.sui-2-12-23 .sui-wrap .sui-padding {
padding: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-padding--hidden {
padding: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding--hidden {
padding: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding__desktop {
padding: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding__desktop--hidden {
padding: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding__mobile {
padding: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding__mobile--hidden {
padding: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-top {
padding-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-top {
padding-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-top--hidden {
padding-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-top--hidden {
padding-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-top__desktop {
padding-top: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-top__desktop--hidden {
padding-top: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-top__mobile {
padding-top: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-top__mobile--hidden {
padding-top: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-right {
padding-right: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-right {
padding-right: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-right--hidden {
padding-right: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-right--hidden {
padding-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-right__desktop {
padding-right: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-right__desktop--hidden {
padding-right: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-right__mobile {
padding-right: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-right__mobile--hidden {
padding-right: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-bottom {
padding-bottom: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom {
padding-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-bottom--hidden {
padding-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom--hidden {
padding-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom__desktop {
padding-bottom: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom__desktop--hidden {
padding-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom__mobile {
padding-bottom: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-bottom__mobile--hidden {
padding-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-left {
padding-left: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-left {
padding-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-padding-left--hidden {
padding-left: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-left--hidden {
padding-left: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-left__desktop {
padding-left: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-padding-left__desktop--hidden {
padding-left: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-left__mobile {
padding-left: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-padding-left__mobile--hidden {
padding-left: 0;
}
}
@media (max-width: 479px) {
.sui-hidden-xs {
display: none !important;
}
}
@media (min-width: 480px)and (max-width: 782px) {
.sui-hidden-sm {
display: none !important;
}
}
@media (min-width: 783px)and (max-width: 1199px) {
.sui-hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.sui-hidden-lg {
display: none !important;
}
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-error {
color: #333;
}
.sui-2-12-23 #wpbody-content>.notice {
margin: 10px 30px 15px 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 #wpbody-content>.notice {
margin: 20px 10px 0 0px;
}
}
.sui-2-12-23 .sui-wrap .sui-ace-selectors {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
margin-left: -5px;
}
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector {
height: 26px;
display: inline-flex;
flex: 0 0 auto;
margin: 0 0 5px 5px;
padding: 5px 12px;
border-radius: 4px;
background-color: #666;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector,
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:hover,
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:focus,
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:active,
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:visited {
border: 0;
outline: none;
box-shadow: none;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:hover,
.sui-2-12-23 .sui-wrap .sui-ace-selectors .sui-selector:active {
background-color: #333;
}
.sui-2-12-23 .sui-wrap .sui-ace-selectors:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-ace-selectors:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-ace-selectors {
margin-bottom: 15px;
}
}
.sui-2-12-23 .sui-wrap [id^=sui-ace-editor] {
width: 100%;
height: 225px;
position: relative;
margin: 20px 0;
}
.sui-2-12-23 .sui-wrap [id^=sui-ace-editor]:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap [id^=sui-ace-editor]:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-recipient {
display: flex;
border: 1px solid #e6e6e6;
border-radius: 4px;
padding: 10px 15px;
justify-content: space-between;
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name {
color: #333;
font-size: 13px;
font-weight: 500;
letter-spacing: -0.25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name:before {
content: "µ";
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-name:before {
font-size: 16px;
margin-right: 6px;
line-height: 30px;
vertical-align: bottom;
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-recipient-email {
color: #888;
font-size: 13px;
letter-spacing: -0.25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-button-icon:not(.sui-button) {
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-recipient .sui-button-icon:not(.sui-button) [class*=sui-icon-] {
color: #aaa;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-recipients {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .sui-button.sui-add-recipient {
margin: 0 0 30px 0;
}
.sui-2-12-23 .sui-wrap .sui-chartjs {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 5px 20px;
background-color: rgba(255,255,255,.7);
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message p {
color: #888;
font: 500 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message p [class*=sui-icon-] {
vertical-align: text-bottom;
margin-right: 8px;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message p [class*=sui-icon-]:before {
display: block;
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message.sui-chartjs-message--empty,
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-message.sui-chartjs-message--loading {
background-image: url(../css/../assets/images/forminator-charts@2x.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-canvas {
height: 120px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-chartjs .sui-chartjs-canvas {
height: 170px;
}
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-message {
opacity: 0;
visibility: hidden;
transition: .25s ease;
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-message.sui-chartjs-message--loading {
opacity: 1;
visibility: visible;
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated .sui-chartjs-canvas {
visibility: hidden;
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-message {
opacity: 1;
visibility: visible;
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-message.sui-chartjs-message--loading {
opacity: 0;
visibility: hidden;
}
.sui-2-12-23 .sui-wrap .sui-chartjs.sui-chartjs-animated.sui-chartjs-loaded .sui-chartjs-canvas {
visibility: visible;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs {
margin-right: -20px;
margin-left: -20px;
padding-top: 20px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:not(:first-child) {
padding-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:not(:first-child) {
padding-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:last-child {
overflow: hidden;
margin-bottom: -20px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs:last-child {
margin-bottom: -30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item-body .sui-chartjs {
margin-right: -30px;
margin-left: -30px;
}
}
.sui-2-12-23 .sui-status-dot {
width: 30px;
height: 30px;
cursor: help;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-status-dot span {
width: 10px;
height: 10px;
display: block;
border-radius: 20px;
}
.sui-2-12-23 .sui-status-dot span,
.sui-2-12-23 .sui-status-dot.sui-draft span {
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-status-dot.sui-published:hover {
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-status-dot.sui-published span {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page {
background: #fafafa;
margin: -30px -30px 60px;
}
@media (max-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page {
margin: -21px -10px 0;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page:not(:first-child) {
margin-top: 30px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page__container {
max-width: 1140px;
margin: auto;
display: flex;
}
@media (max-width: 800px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page__container {
flex-wrap: wrap;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header {
background: #fff;
margin-bottom: 60px;
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header {
margin-bottom: 40px;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content {
padding: 60px 60px 60px 0;
width: 50%;
}
@media (max-width: 1440px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content {
padding: 60px 30px 50px 60px;
}
}
@media (max-width: 800px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content {
order: 1;
width: 100%;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content {
padding: 40px 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content h1 {
font-size: 28px;
font-family: "Roboto",Arial,sans-serif;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__content p:first-of-type {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header__image {
background-image: url(../css/../assets/images/upgrade-hero.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 50%;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header .sui-reviews {
margin-top: 60px;
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-header .sui-reviews {
margin-top: 40px;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__header {
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__header h2 {
font-family: "Roboto",Arial,sans-serif;
font-size: 28px;
color: #333;
line-height: 40px;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__header p {
margin-top: 5px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__items {
display: flex;
flex-wrap: wrap;
padding: 30px;
}
@media (min-width: 1440px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__items {
margin: 0 -60px;
}
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__items {
padding: 0;
margin: 40px 0;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item {
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item {
flex: 0 0 100%;
max-width: 100%;
padding: 20px;
text-align: center;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item [class*=sui-icon-] {
height: 44px;
width: 44px;
text-align: center;
background: #f9e1ff;
border-radius: 50%;
font-size: 20px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item [class*=sui-icon-]:before {
color: #8d00b1;
line-height: 44px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item h3 {
font-family: "Roboto",Arial,sans-serif;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-features__item p:first-of-type {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta {
background: #fff;
padding: 60px;
margin-bottom: 60px;
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta {
padding: 40px 20px;
margin-bottom: 40px;
}
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner {
max-width: 600px;
margin: auto;
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner h2 {
font-family: "Roboto",Arial,sans-serif;
font-size: 28px;
color: #333;
line-height: 40px;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner a {
display: block;
font-size: 13px;
color: #888;
line-height: 22px;
margin-top: 15px;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner a:focus,
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner a:hover {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop {
display: none;
}
@media (max-width: 600px) {
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop {
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-upgrade-page-cta__inner .sui-button:not(.sui-hidden-desktop) {
display: none;
}
}
.sui-2-12-23 .sui-wrap .sui-reviews {
margin-left: 25px;
}
.sui-2-12-23 .sui-wrap .sui-reviews__stars {
position: relative;
margin-right: 5px;
}
.sui-2-12-23 .sui-wrap .sui-reviews__stars:before {
content: "'";
}
.sui-2-12-23 .sui-wrap .sui-reviews__stars:before {
position: absolute;
top: -12px;
left: -25px;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-reviews__stars [class*=sui-icon-]:before {
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-reviews__rating {
color: #888;
font-size: 13px;
line-height: 22px;
vertical-align: text-bottom;
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link {
display: block;
color: #888;
font-size: 13px;
line-height: 22px;
font-weight: normal;
font-style: italic;
}
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link:focus,
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link:hover {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link:focus [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link:hover [class*=sui-icon-]:before {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link [class*=sui-icon-] {
margin-left: 5px;
font-size: 12px;
line-height: 22px;
vertical-align: middle;
}
.sui-2-12-23 .sui-wrap .sui-reviews a.sui-reviews__link [class*=sui-icon-]:before {
color: #888;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 {
width: 100% !important;
display: block;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .selection {
display: block;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .selection:focus,
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .selection *:focus {
outline: none;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple {
display: block;
position: relative;
padding: 8px 0 8px 40px;
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fafafa;
transition: .3s ease;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:before {
content: "º";
width: 30px;
position: absolute;
top: 11px;
left: 9px;
font-size: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple:hover {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered {
display: block;
margin: 0;
padding: 0;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-search,
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
width: 100%;
display: block;
float: none;
margin: 0;
padding: 0;
border: 0;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-search {
padding-right: 14px;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
overflow: hidden;
position: relative;
padding-right: 40px;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
width: 30px;
float: none;
display: block;
position: absolute;
top: 2px;
right: 0;
margin: 0;
padding: 0;
color: #666;
font-size: 18px;
line-height: 1em;
text-align: center;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice+li.select2-search {
display: none;
user-select: none;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered input.select2-search__field {
display: block;
margin: 0;
padding: 0;
border: 0;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap select.sui-search+.select2 .select2-selection--multiple ul.select2-selection__rendered input.select2-search__field::placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error select.sui-search+.select2 .select2-selection--multiple {
border-bottom-color: #ff6d6d;
box-shadow: 0 1px 0 0 #ff6d6d;
}
.sui-2-12-23 .select2-container .sui-search-dropdown {
display: block;
padding: 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}
.sui-2-12-23 .select2-container .sui-search-dropdown .select2-results {
display: block;
padding: 15px 0;
}
.sui-2-12-23 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option {
padding: 0 15px;
color: #888;
font: 500 13px/30px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: all .3s ease;
}
.sui-2-12-23 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option[role=treeitem].select2-results__option--highlighted {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .select2-container .sui-search-dropdown ul.select2-results__options li.select2-results__option.select2-results__message {
font-size: 12px;
line-height: 16px;
}
.sui-2-12-23 .select2-container .sui-search-dropdown.sui-color-accessible {
border-color: #000;
box-shadow: none;
}
.sui-2-12-23 .select2-container .sui-search-dropdown.sui-color-accessible ul.select2-results__options li.select2-results__option {
color: #000;
}
.sui-2-12-23 .select2-container .sui-search-dropdown.sui-color-accessible ul.select2-results__options li.select2-results__option[role=treeitem].select2-results__option--highlighted {
background-color: #000;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables .sui-form-control,
.sui-2-12-23 .sui-wrap .sui-insert-variables .sui-multi-checkbox {
padding-right: 53px;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select {
width: 40px !important;
display: block;
position: absolute;
top: 0;
right: 0;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] {
height: 40px;
cursor: pointer;
user-select: none;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 1px solid rgba(0,0,0,0);
border-left-color: #ddd;
border-radius: 0 4px 4px 0;
background-color: rgba(0,0,0,0);
text-align: center;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered {
width: 40px;
min-width: 1px;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered [class*=sui-icon-] {
display: block;
user-select: none;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__arrow {
display: none;
}
.sui-2-12-23 .sui-wrap .sui-upsell-list {
margin: 0;
padding: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-upsell-list li {
position: relative;
margin: 0 0 22px;
padding: 0 0 0 26px;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-upsell-list li [class*=sui-icon-] {
display: block;
position: absolute;
top: 3px;
left: 0;
color: #8d00b1;
}
.sui-2-12-23 .sui-wrap .sui-upsell-list li [class*=sui-icon-]:before {
color: inherit;
display: block;
}
.sui-2-12-23 .sui-wrap .sui-upsell-list li:last-child {
margin: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-upsell-notice {
display: flex;
}
}
.sui-2-12-23 .sui-wrap .sui-upsell-notice__image {
margin-right: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-upsell-notice__image {
display: none;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-upsell-notice__image {
flex: 0 0 auto;
align-self: flex-end;
margin-right: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-upsell-notice__image img {
display: block;
margin: 0 auto;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-upsell-notice__content {
flex: 1;
align-self: flex-start;
margin-bottom: 20px;
}
}
.sui-2-12-23.rtl .sui-wrap .sui-upsell-list li {
padding-right: 26px;
padding-left: 0;
}
.sui-2-12-23.rtl .sui-wrap .sui-upsell-list li [class*=sui-icon-] {
right: 0;
left: auto;
}
.sui-2-12-23.rtl .sui-wrap .sui-upsell-notice__image {
margin-right: 0;
margin-left: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23.rtl .sui-wrap .sui-upsell-notice__image {
margin-right: 0;
margin-left: 30px;
}
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-upsell-list li {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible h1,
.sui-2-12-23 .sui-wrap.sui-color-accessible h2,
.sui-2-12-23 .sui-wrap.sui-color-accessible h3,
.sui-2-12-23 .sui-wrap.sui-color-accessible h4,
.sui-2-12-23 .sui-wrap.sui-color-accessible h5,
.sui-2-12-23 .sui-wrap.sui-color-accessible h6,
.sui-2-12-23 .sui-wrap.sui-color-accessible p,
.sui-2-12-23 .sui-wrap.sui-color-accessible p small,
.sui-2-12-23 .sui-wrap.sui-color-accessible li,
.sui-2-12-23 .sui-wrap.sui-color-accessible code,
.sui-2-12-23 .sui-wrap.sui-color-accessible pre {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible a {
color: #1a1a1a !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible a:hover {
color: #000 !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible pre,
.sui-2-12-23 .sui-wrap.sui-color-accessible code {
background: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-settings-label,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-body .sui-settings-label-with-tag {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-form-control,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-multi-checkbox,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-label,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-error-message {
border-color: #000;
color: #000;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-form-control::placeholder,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-multi-checkbox::placeholder,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-label::placeholder,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-error-message::placeholder {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-checkbox input+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-radio input+span {
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-checkbox input+span+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-radio input+span+span {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-upload-button {
color: #000;
background: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-upload-label:hover .sui-upload-button {
color: #fff;
background: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-recipient span {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item:hover {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*.active,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item.active,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*.active,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active {
color: #fff;
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tag {
background: #000;
color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tag.sui-tag-ghost {
background: #fff;
color: #000;
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice-top {
border-left-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-dismiss a,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice p:first-of-type:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice-top .sui-notice-dismiss a,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-notice-top p:first-of-type:before {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p {
border-left: 2px solid #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p:first-of-type:before {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dialog-close:before {
color: #000 !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tab-item.active [class*=sui-icon-]:before {
color: #fff !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-bar span {
background: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-text span {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-progress-state span {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table {
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table td {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-accordion-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-accordion-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-accordion-item-title {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table thead>tr>td,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody>tr>td,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>td {
border-bottom-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-accordion-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-accordion-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-table-item-title,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-accordion-item-title {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error td,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning td,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success td {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-default,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-table-title {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header {
border-bottom-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item {
border-bottom-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong {
color: inherit;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong {
color: inherit;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>* {
color: rgba(0,0,0,0) !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-a svg circle:last-child,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-b svg circle:last-child,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-c svg circle:last-child,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-d svg circle:last-child,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-e svg circle:last-child,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-grade-f svg circle:last-child {
stroke: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li a {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li:focus,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li:active,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:focus,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li button:active,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:focus,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-dropdown ul li a:active {
color: #000;
background-color: rgba(51,51,51,.05);
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button),
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button {
color: #fff !important;
background: #000 !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button):hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button:hover {
color: #fff !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button) [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button [class*=sui-icon-]:before {
color: #fff !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-ghost,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button.sui-button-ghost {
padding: 7px 16px;
border: 0;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell {
background: #fff !important;
color: #000 !important;
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell:hover,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell:hover {
border-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-list .sui-list-label,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-list .sui-list-detail {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]+.sui-toggle-slider:hover {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider {
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider:hover {
box-shadow: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-checkbox input:checked+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-radio input:checked+span {
border-color: #000;
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-status-dot span {
background-color: #fff;
border: 1px solid #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-status-dot.sui-published span {
background-color: #000;
border: none;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce {
color: #fff;
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .wp-editor-wrap.html-active .wp-editor-tabs .switch-html {
color: #fff;
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .wp-editor-wrap .wp-media-buttons .insert-media {
background-color: #000 !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-ace-selectors a.sui-selector {
background-color: #000;
color: #fff !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .ace-sui .ace_gutter {
background: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .ace-sui .ace_text-layer {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .ace-sui .ace_content {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .ace-sui .ace_line {
filter: brightness(0%);
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove:hover {
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box .sui-box-title {
color: #000 !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input+span {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input+span~span {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span {
background-color: #fff !important;
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span:after {
border-top: 40px solid #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span~span {
border-top-color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span [class*=sui-icon]:before {
color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-changes,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-module {
color: #555;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current {
box-shadow: 0 0 0 1px #000;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-footer {
color: #000;
}
.sui-2-12-23.sui-elements-accessible .sui-select .sui-select-dropdown {
border-color: #000 !important;
}
.sui-2-12-23.sui-elements-accessible .select2-results__option {
color: #000 !important;
}
.sui-2-12-23.sui-elements-accessible .select2-results__option--selected {
background-color: #000 !important;
color: #fff !important;
}
.sui-2-12-23 .sui-wrap a.sui-link-gray:not(.sui-button),
.sui-2-12-23 .sui-wrap a.sui-link-gray:not(.sui-button):visited {
color: #888;
}
.sui-2-12-23 .sui-wrap a.sui-link-gray:not(.sui-button):hover,
.sui-2-12-23 .sui-wrap a.sui-link-gray:not(.sui-button):focus,
.sui-2-12-23 .sui-wrap a.sui-link-gray:not(.sui-button):active {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-tag-draft {
background-color: #f2f2f2;
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-tag-grey {
background-color: #888;
color: #fff;
}
.sui-2-12-23 .sui-wrap .sui-tag-published {
background-color: #17a8e3;
color: #fff;
}
.sui-2-12-23 .sui-wrap .pdf-tag.sui-tag.sui-tag-ghost {
background-color: rgba(0,0,0,0);
border-color: #286efa;
color: #286efa;
border-width: 1px;
font-weight: 500;
font-size: 9px;
line-height: 16px;
margin: 5px 10px;
padding: 0 6px;
}
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-pre {
font-family: monospace;
}
.sui-2-12-23 .sui-wrap .sui-checkbox.sui-checkbox-pre input+span+span {
word-break: break-all;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-radio-image img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title [class*=forminator-icon-] {
float: left;
display: block;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-box .sui-box-title [class*=forminator-icon-]:before {
color: inherit;
font-size: 20px;
vertical-align: text-bottom;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm {
margin-bottom: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]+div {
padding-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]+div {
margin-left: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]:first-child,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]:last-child {
display: inline-block;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]:first-child .sui-settings-label,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm [class*=sui-box-settings-col-]:first-child .sui-settings-label-with-tag {
width: 120px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm .sui-settings-label:only-child,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm .sui-settings-label-with-tag:only-child {
margin: 0;
line-height: inherit;
}
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-box-settings-slim-row.sui-sm:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-box-body .sui-settings-label.sui-sm,
.sui-2-12-23 .sui-wrap .sui-box-body .sui-sm.sui-settings-label-with-tag {
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label.fui-notifications-label {
min-width: 40%;
max-width: 40%;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field .sui-builder-field-label.fui-notifications-recipient {
color: #888;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field:focus {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.fui-error {
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05),inset 0 -2px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:hover,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:focus,
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-builder-field.fui-error:active {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05),inset 0 -2px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-box-builder .sui-box-builder-body .sui-builder-empty-message:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-conditions {
cursor: help;
position: absolute;
z-index: 1;
right: -10px;
}
.sui-2-12-23 .sui-wrap .fui-conditions [class*=sui-icon-] {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-conditions [class*=sui-icon-]:before {
display: block;
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap td.sui-table-item-title .fui-conditions {
padding-top: 4px;
display: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor {
z-index: 0;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap {
box-sizing: border-box;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor {
height: auto;
float: none;
display: block;
top: 0;
margin: 0;
padding: 8px 20px 9px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #fff;
border-radius: 4px 4px 0 0;
background: #fff;
color: #888;
font: 500 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor:focus {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 4px;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel {
border-width: 0 !important;
border-radius: 0 0 4px 4px;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group {
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn {
margin: 0;
border: 0;
border-radius: 0;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button {
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button .mce-ico {
width: 30px;
height: 30px;
color: #666;
font-size: 16px;
line-height: 30px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button:hover .mce-ico,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn button:focus .mce-ico {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn:focus {
background: rgba(0,0,0,0);
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active {
background: rgba(0,0,0,0);
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active button {
background-color: #e1f6ff;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-toolbar .mce-btn-group .mce-btn.mce-active button .mce-ico {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part:before {
content: unset;
display: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp {
border-bottom-width: 1px !important;
border-bottom-color: #e6e6e6;
border-radius: 0 4px 0 0;
background: #fff;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp>div {
padding: 4px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar {
padding: 4px;
border-bottom-color: #e6e6e6;
border-radius: 4px 4px 0 0;
background: #fff;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small {
min-width: 30px;
min-height: 30px;
margin: 0;
border: 0;
padding: 0 2px;
background: #fff;
color: #666;
font-size: 13px;
line-height: 30px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button:focus,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container .quicktags-toolbar input.button.button-small:focus {
background-color: #fff;
outline: none;
box-shadow: none;
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea {
width: 100%;
display: block;
margin: 0;
padding: 10px;
border-width: 0;
border-radius: 0 0 4px 4px;
background: #fff;
height: 200px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container textarea:focus {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.tmce-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor.switch-tmce {
color: #333;
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.tmce-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container {
border-top-left-radius: 0;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .wp-editor-wrap.html-active .wp-editor-tools:not(.hide-if-no-js) .wp-editor-tabs .wp-switch-editor.switch-html {
color: #333;
border-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options * {
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button {
cursor: pointer;
display: block;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: #fff;
background-image: none;
color: #17a8e3;
font: 700 12px/22px "Roboto",Arial,sans-serif;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button [class*=sui-icon-] {
width: 20px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options button [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul {
max-height: 120px;
overflow-x: hidden;
overflow-y: auto;
display: none;
margin: 10px 0 0 -10px;
padding: 5px 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
list-style: none;
text-align: left;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul:before {
content: " ";
width: 0;
position: absolute;
z-index: 1;
top: 30px;
right: 7.5px;
border-width: 0 8px 10px;
border-style: solid;
border-color: #ddd rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul:after {
content: " ";
width: 0;
position: absolute;
z-index: 2;
top: 31px;
right: 7.5px;
border-width: 0 8px 10px;
border-style: solid;
border-color: #fff rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li {
margin: 0;
padding: 0;
border: 0;
color: #333;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li strong {
display: block;
padding: 5px 14px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button {
cursor: pointer;
display: block;
padding: 5px 14px;
background-color: #fff;
color: #666;
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li a:focus,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button:hover,
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul li button:focus {
background: #e1f6ff;
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor .sui-editor-options ul.sui-active {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options {
position: relative;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options .wp-editor-wrap .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container div.mce-panel .mce-container-body .mce-top-part .mce-container-body div.mce-toolbar-grp>div {
padding-left: 4px;
}
.sui-2-12-23 .sui-wrap .sui-form-field .sui-editor.sui-editor-with-options .sui-editor-options {
display: block;
position: absolute;
z-index: 2;
top: 45px;
right: 15px;
}
.sui-2-12-23 .sui-wrap .sui-form-field.sui-form-field-error .sui-editor .wp-editor-tools:not(.hide-if-no-js) .wp-editor-container {
border-bottom-color: #ff6d6d;
box-shadow: 0 1px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] span {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label {
display: flex;
align-items: center;
justify-content: center;
color: #aaa;
font: bold 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon {
width: 12px;
height: 12px;
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon [class*=sui-icon-] {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-icon+.fui-label-text {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label .fui-label-text {
min-width: 1px;
flex: 0 1 auto;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label+div.fui-selector-button {
margin-top: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label+div.fui-selector-button {
margin-left: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-label {
min-width: 1px;
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .fui-selector-button {
min-width: 120px;
flex: 0 0 auto;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] .sui-select {
min-width: unset;
margin-left: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] {
min-width: 100%;
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data li[data-col=selector] {
display: flex;
align-items: center;
margin-left: auto !important;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] {
background-color: #f8f8f8;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] .fui-selector-label,
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-data.sui-onload li[data-col=selector] div.select-container {
opacity: 0;
pointer-events: none;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title {
flex-wrap: wrap;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title .sui-accordion-item-subtitle {
font: 500 13px/22px "Roboto";
letter-spacing: -0.25px;
color: #888;
margin-left: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-title .sui-accordion-item-subtitle {
margin-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-accordion-item--open+.sui-accordion-item-content.sui-accordion-item--mobile {
display: block;
visibility: hidden;
z-index: -1;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion.sui-table>tbody .sui-accordion-item--open+.sui-accordion-item-content.sui-accordion-item--mobile {
display: table-row;
visibility: visible;
z-index: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-insert-variables.textarea-type select.sui-variables+.sui-select .selection>span {
border-left: none;
}
.sui-2-12-23 .sui-wrap .sui-insert-variables select.sui-variables+.sui-select .selection span[role=combobox] .select2-selection__rendered {
padding-left: 0;
padding-right: 0;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible [class*=forminator-icon-]:before {
color: #000 !important;
}
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name {
position: relative;
padding-left: 30px;
}
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name:before {
font-size: 13px;
line-height: 20px;
width: 20px;
text-align: center;
border-radius: 100%;
background: #c4c4c4;
}
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber,
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name::before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber {
height: 20px;
}
.sui-2-12-23 .sui-wrap .sui-recipient.sui-recipient-rounded .sui-recipient-name .subscriber img {
width: 20px;
height: 20px;
border-radius: 100%;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-rebranded:not(.sui-summary-sm) .sui-summary-image-space {
background-size: 96px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-summary.sui-rebranded.sui-summary-sm .sui-summary-image-space {
background-size: 96px;
}
}
.sui-cross-sell-modules [class*=sui-cross-] {
position: relative;
}
.sui-cross-sell-modules [class*=sui-cross-]>span {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
border: unset !important;
border-radius: unset !important;
box-shadow: none !important;
}
.sui-2-12-23 .sui-wrap .fui-select-inline {
display: flex;
justify-content: space-between;
margin-bottom: 10px !important;
}
.sui-2-12-23 .sui-wrap .fui-select-inline label {
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-select-inline select {
max-width: 100%;
}
.sui-2-12-23 .sui-wrap .fui-select-inline select.sui-select+.sui-select {
margin-right: 0;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .fui-select-inline select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
border-width: 0;
border-style: dashed;
border-bottom-width: 1px;
border-radius: 0;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .fui-select-inline select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
font-size: 13px;
padding-top: 0;
padding-left: 0;
padding-bottom: 1px;
color: #aaa;
line-height: 20px;
}
.sui-2-12-23 .sui-wrap .fui-select-inline select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
width: 20px;
height: 20px;
}
.sui-2-12-23 .sui-wrap select.fui-select {
width: 100%;
height: 40px;
display: block;
flex: 1;
margin: 0;
padding: 4px 15px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fafafa;
box-shadow: none;
color: #333;
font-size: 15px;
font-weight: 500;
font-family: "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-listing-actions {
width: 100%;
max-width: 190px;
min-width: unset;
display: flex;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-listing-actions .select-list-container .list-results {
max-height: 230px;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled {
user-select: none;
pointer-events: none;
border-color: #dedede;
background-color: #f2f2f2;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled .select-list-container {
cursor: not-allowed;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled .select-list-container .list-value {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled.active {
user-select: none;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled.active .dropdown-handle [class*=sui-icon-] {
transform: rotate(0);
}
.sui-2-12-23 .sui-wrap .select-container.fui-select-disabled.active .select-list-container .list-results {
width: 0;
display: none;
left: -9999px;
right: -9999px;
transition-duration: .3s;
}
.sui-2-12-23 .sui-wrap .fui-select-with-delete {
display: flex;
flex-direction: row;
align-items: center;
}
.sui-2-12-23 .sui-wrap .fui-select-with-delete .sui-form-field {
min-width: 1px;
flex: 1 1 auto;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-select-with-delete .sui-form-field+.fui-option-remove {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .fui-select-with-delete .fui-option-remove {
flex: 0 0 auto;
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options.select2-results__options--nested {
max-height: 100%;
}
.sui-2-12-23 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted .sui-variable-value {
color: #333;
}
.sui-2-12-23 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-loading .select2-results .select2-results__options .select2-results__option {
position: relative;
margin: 0 15px;
padding: 15px 20px;
padding-left: 45px;
border: 0;
border-radius: 4px;
background-color: #f2f2f2;
color: #888;
font: 400 13px/22px Roboto,Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-select.sui-select-dropdown-container--open .sui-select-dropdown.sui-select-dropdown-loading .select2-results .select2-results__options .select2-results__option::before {
font-family: wpmudev-plugin-icons !important;
content: "N";
width: 30px;
position: absolute;
left: 10px;
color: #888;
font-size: 16px;
text-align: center;
animation: spin 1.3s linear infinite;
}
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status .fui-module-status,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status .fui-module-status,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status .fui-module-status,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status .fui-module-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status .fui-module-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status .fui-module-status {
width: 10px;
height: 10px;
cursor: help;
display: inline-block;
margin-right: 13px;
border-radius: 20px;
background-color: #e6e6e6;
}
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status .fui-module-status.fui-publish,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status .fui-module-status.fui-publish,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status .fui-module-status.fui-publish,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status .fui-module-status.fui-publish,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status .fui-module-status.fui-publish,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status .fui-module-status.fui-publish {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown {
margin-right: 3px;
margin-left: 3px;
}
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon:first-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-button-icon:last-child,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status>.sui-dropdown:last-child {
margin-right: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status {
width: 135px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-table thead th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table thead td.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tbody th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tbody td.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot th.fui-col-status,
.sui-2-12-23 .sui-wrap .sui-table tfoot td.fui-col-status {
width: 150px;
}
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote td {
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--wrapper {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--wrapper {
display: flex;
}
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner {
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner img {
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner[data-app=webhook] {
padding: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner+.fui-app--content {
margin-top: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner+.fui-app--content {
margin-left: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner {
width: 100%;
height: 100px;
padding: 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--banner {
flex: 0 0 220px;
min-height: 150px;
padding: 5px 10px;
}
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title {
display: flex;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>span {
display: block;
margin: 4px 0;
flex: 1;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>a {
display: block;
flex: 0 0 auto;
margin-left: 5px;
line-height: 30px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>a {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title>button {
flex: 0 0 auto;
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--title+.fui-app--description {
margin-top: 5px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description {
margin: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content {
flex: 1;
}
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .sui-image {
width: 20px;
height: 20px;
flex: 0 0 auto;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .fui-noicon {
width: 20px;
height: 20px;
overflow: hidden;
user-select: none;
display: block;
flex: 0 0 auto;
margin-right: 10px;
padding: 2px;
border-radius: 2px;
background-color: #ddd;
color: #666;
font-size: 7px;
line-height: 16px;
font-weight: bold;
font-family: "Roboto",Arial,sans-serif;
text-transform: uppercase;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper>span {
flex: 1;
display: block;
}
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr:not(.fui-app--promote) .fui-app--wrapper .sui-button-icon {
margin-left: 10px;
flex: 0 0 30px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps.fui-connected {
border-left-width: 0;
}
.sui-2-12-23 .sui-wrap .fui-table--apps.fui-connected tbody tr {
box-shadow: inset 2px 0 0 #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-table--apps.fui-connected tbody tr:first-child {
border-top-left-radius: 4px;
}
.sui-2-12-23 .sui-wrap .fui-table--apps.fui-connected tbody tr:last-child {
border-bottom-left-radius: 4px;
}
.sui-2-12-23 .sui-wrap .fui-table--pagination tbody tr td input.sui-form-control,
.sui-2-12-23 .sui-wrap .fui-table--pagination tbody tr td input.sui-multi-checkbox {
height: 30px;
margin: 10px 0;
padding: 7px 12px;
font-size: 12px;
line-height: 16px;
}
.sui-2-12-23 .sui-wrap .fui-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .fui-row [class^=fui-col-] {
flex: 0 0 auto;
margin-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-row [class^=fui-col-]:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-row [class^=fui-col-] {
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .fui-row .fui-col-3 {
min-width: 25%;
flex-basis: 25%;
}
.sui-2-12-23 .sui-wrap .fui-row .fui-col-4 {
min-width: 33.33%;
flex-basis: 33.33%;
}
.sui-2-12-23 .sui-wrap .fui-row .fui-col-6 {
min-width: 50%;
flex-basis: 50%;
}
.sui-2-12-23 .sui-wrap .fui-row .fui-col-12 {
min-width: 100%;
flex-basis: 100%;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-row:last-child {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-row:last-child {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic .sui-box {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] {
margin-bottom: 0;
padding-right: 0;
padding-left: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic [class^=fui-col-] {
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic:last-child .sui-box {
margin-bottom: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-row.fui-row-dynamic {
margin-right: -15px;
margin-left: -15px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-row [class*=sui-col-].sui-padding-right-10 {
margin-bottom: 10px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-row [class*=sui-col-].sui-padding-right-10 {
padding-right: 10px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-row [class*=sui-col-].sui-padding-left-10 {
padding-left: 10px !important;
}
}
.sui-2-12-23 .sui-wrap .sui-row.sui-align-bottom {
align-items: flex-end;
}
.sui-2-12-23 .sui-wrap .sui-row.sui-spacing-10 {
margin-bottom: 10px !important;
}
.sui-2-12-23 .sui-wrap .forminator-banner .forminator-banner-content {
padding: 20px;
display: flex;
gap: 20px;
}
@media (max-width: 480px) {
.sui-2-12-23 .sui-wrap .forminator-banner .forminator-banner-content {
flex-direction: column;
}
}
.sui-2-12-23 .sui-wrap .forminator-banner .forminator-banner-content .fui-image {
min-width: 96px;
}
.sui-2-12-23 .sui-wrap .forminator-banner .forminator-banner-content h2 {
margin: 0;
}
.sui-2-12-23 .sui-wrap .forminator-banner .forminator-banner-content p {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-box .fui-builder-section--insert {
display: flex;
justify-content: space-between;
border-bottom-width: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box .fui-builder-section--insert {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-box .fui-builder-section--insert {
padding-top: 30px;
padding-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-box .fui-builder-section--insert+.fui-builder-section--pagination {
border-top: 1px solid #e6e6e6;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-row [class^=fui-col-] {
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-row {
flex-wrap: nowrap;
}
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-full {
height: 0;
border-radius: 2px;
background-color: #17a8e3;
transition: .05s linear;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-full.fui-drop-use {
height: 4px;
margin: 10px 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after:before,
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before:before {
content: " ";
width: 0;
height: 70px;
display: block;
border-radius: 2px;
background-color: #17a8e3;
transition: .05s linear;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use:before,
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use:before {
width: 4px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use:last-child,
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use:last-child {
padding-right: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-after.fui-drop-use,
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-side-before.fui-drop-use {
padding: 0 5px;
}
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow * {
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block {
background-color: #f2f2f2;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block * {
opacity: 0;
visibility: hidden;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .fui-drop-shadow .fui-builder-field-block:before {
display: none;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block:before {
color: #ddd;
animation: unset;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .fui-builder-field-block-move [class*=sui-icon-]:before {
color: #666;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .fui-builder-field-block-name [class^=sui-icon-]:before {
color: #ddd !important;
}
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .sui-button-icon:not(.sui-button),
.sui-2-12-23 .sui-wrap .fui-form-builder--dragging .ui-draggable-dragging .fui-builder-field-block .sui-button-icon:not(.sui-button).sui-button-red {
pointer-events: none;
color: #ddd;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block {
cursor: pointer;
display: flex;
align-items: center;
position: relative;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info {
overflow: hidden;
display: flex;
flex: 1;
align-items: center;
padding: 13px 0 13px 20px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move,
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon {
width: 30px;
display: block;
flex: 0 0 30px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class*=sui-icon-] {
display: block;
font-size: 16px;
transition: all .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class*=sui-icon-]:before,
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move {
margin-left: -10px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--move [class*=sui-icon-] {
color: #ddd;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--icon [class*=sui-icon-] {
color: #888;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name {
display: block;
flex: 1;
line-height: 22px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 500;
letter-spacing: -0.25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label,
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--id {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label {
color: #333;
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--label span {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name .fui-field--id {
color: #888;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info .fui-field--name:not(:first-child) {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--info+div {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-field--actions {
flex: 0 0 auto;
margin-right: 20px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-unsaved:before {
content: "®";
width: 20px;
height: 20px;
display: block;
position: absolute;
left: -10px;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
color: #17a8e3;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions {
cursor: default;
position: absolute;
z-index: 1;
right: -10px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions [class*=sui-icon-] {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block .fui-builder-field-block-conditions [class*=sui-icon-]:before {
display: block;
color: #fecf2f;
font-size: 12px;
line-height: 20px;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info {
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
left: -10px;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
transform: translateY(-50%);
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info [class*=sui-icon-] {
display: block;
margin: 0 auto;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-builder-field-block.fui-has-info .fui-info [class*=sui-icon-]:before {
display: block;
color: #17a8e3;
font-size: 12px;
line-height: 20px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-field-block:not([data-field=group]) {
height: 60px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-field-block:not([data-field=group]) {
height: 70px;
}
}
.sui-2-12-23 .sui-wrap .fui-builder-fields {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-field-block {
cursor: move;
border-color: rgba(0,0,0,0);
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
transition: all .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-field-block:hover {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-field-block:hover .fui-field--info .fui-field--move [class*=sui-icon-] {
color: #888;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed:not(:last-child) {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed {
height: 60px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-button-dashed {
height: 70px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-image:last-child {
margin-bottom: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields .fui-builder-fields--footer .sui-image:last-child {
margin-bottom: -30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields {
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-fields {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-swipe {
margin: 0 0 10px;
color: #aaa;
font: bold 10px/16px "Roboto",Arial,sans-serif;
text-transform: uppercase;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-swipe [class*=sui-icon-] {
vertical-align: bottom;
margin-left: 6px;
font-size: 14px;
}
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-swipe [class*=sui-icon-]:before {
display: block;
color: #aaa;
line-height: 16px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-swipe {
display: block;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-swipe {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-builder-form {
min-width: 700px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-builder-form {
margin: 0 -20px;
padding: 0 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-builder-form--wrap .fui-builder-form {
margin: 0 -30px;
padding: 0 30px;
}
}
.sui-2-12-23 .sui-wrap [data-field=group] .fui-builder-form--wrap .fui-builder-form {
min-width: 50px;
}
@media (max-width: 1300px) {
.sui-2-12-23 .sui-wrap .fui-col-3 .fui-builder-field-block .fui-field--info .fui-field--icon {
display: none;
}
}
.sui-2-12-23 .sui-wrap .forminator-pdf-form-builder .sui-box .fui-builder-section--insert {
border-bottom-width: 1px;
}
.sui-2-12-23 .sui-wrap .forminator-pdf-form-builder .sui-box .sui-box-status .sui-status .sui-status-changes {
padding-left: 0;
border-left: none;
}
.sui-2-12-23 .sui-wrap .pdf-form-field-selectors .pdf-field-coming-soon:hover {
cursor: help;
}
.sui-2-12-23 .sui-wrap .pdf-form-field-selectors .pdf-field-coming-soon.sui-tooltip::before {
bottom: 95%;
}
.sui-2-12-23 .sui-wrap .pdf-form-field-selectors .pdf-field-coming-soon.sui-tooltip::after {
bottom: 94%;
}
.sui-2-12-23 .sui-wrap .pdf-appearance .pdf-page-margin select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single {
max-width: 40px;
border-bottom-width: 2px;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .pdf-appearance .pdf-page-margin select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .pdf-appearance .pdf-page-margin select.sui-select+.sui-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
width: 12px;
height: 12px;
}
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option {
display: block;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-side-tabs {
margin-bottom: 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-side-tabs {
flex: 0 0 auto;
margin-right: 5px;
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .sui-description,
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-visibility-header .fui-visibility-options .fui-visibility-option .fui-app--description {
flex: 0 1 auto;
margin-top: 0;
margin-left: 5px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option:not(:last-child) {
margin-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option:not(:last-child) {
margin-right: 10px;
flex: 0 0 auto;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options .fui-visibility-option {
display: flex;
align-items: center;
flex: 0 1 auto;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header .fui-visibility-options {
display: flex;
align-items: center;
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility-header .sui-label {
margin-bottom: 5px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header+.fui-visibility {
margin-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-header+.fui-visibility {
margin-top: 0;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rules .sui-box {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rules .sui-box:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header {
margin: 0;
cursor: pointer;
display: block;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button {
width: 100%;
cursor: pointer;
display: flex;
align-items: flex-start;
padding-right: 20px;
border-width: 0;
border-radius: 4px;
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
text-align: left;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button strong {
color: #333;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon:before,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-icon {
margin-right: 3px;
margin-left: -7px;
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-text {
display: block;
flex: 1;
padding: 4px 0;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button .fui-visibility-rule-arrow:before {
transition: .2s linear;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:focus,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:hover,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header button:active {
outline: none;
box-shadow: none;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-header+.fui-visibility-rule-body {
border-top: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-body {
display: none;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-footer {
display: flex;
justify-content: space-between;
margin: 0 -20px;
padding: 20px 20px 0;
border-top: 1px solid #e6e6e6;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule .fui-visibility-rule-footer {
margin-right: -30px;
margin-left: -30px;
padding: 30px 30px 0;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-header button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-header button .fui-visibility-rule-arrow:before {
transform: rotate(180deg);
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-rule.fui-open .fui-visibility-rule-body {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message {
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message p {
margin: 0;
color: #888;
font-size: 13px;
line-height: 22px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message p {
max-width: 400px;
margin: 0 auto;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button {
width: 100%;
cursor: pointer;
display: block;
margin: 0;
border: 1px dashed #aaa;
border-radius: 4px;
background-color: rgba(0,0,0,0);
color: #888;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-transform: uppercase;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button [class*=sui-icon-] {
width: 20px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button:hover,
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button:active {
outline: none;
box-shadow: none;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button {
height: 60px;
margin-bottom: 20px;
padding: 21px 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message button {
height: 70px;
margin-bottom: 30px;
padding: 26px 15px;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message .sui-image {
margin-top: 20px;
margin-bottom: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility .fui-visibility-empty-message .sui-image {
margin-top: 30px;
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap .fui-visibility .sui-builder-fields:empty+.sui-button {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .fui-visibility .sui-builder-fields:not(:empty)+.sui-button {
margin-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility .sui-builder-fields:not(:empty)+.sui-button {
margin-top: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility {
margin: -20px;
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility {
margin: -30px;
padding: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-notice+.fui-visibility {
margin-top: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-notice+.fui-visibility {
margin-top: 0;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-visibility-group>.sui-button {
margin-top: 40px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-visibility-group>.sui-button {
margin-top: 60px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-demo * {
cursor: default;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material label {
display: block;
color: #777771;
font-size: 12px;
line-height: 20px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input {
width: 100%;
height: 40px;
display: block;
margin: 0;
outline: none;
box-shadow: none;
color: #000;
font-size: 16px;
line-height: 20px;
font-family: "Roboto",Arial,sans-serif;
font-weight: 400;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input+label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input+button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input+label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input+button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input+label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input+button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input+label,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input+button {
margin-top: 20px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold button,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material button {
width: auto;
min-width: 100px;
display: block;
margin: 0;
border: 0;
background-color: #17a8e3;
color: #fff;
text-align: center;
font-family: "Roboto",Arial,sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: none;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input {
background-color: #ededed;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input::placeholder,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input::placeholder,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input::placeholder {
color: #aaa;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input,
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input {
border-style: solid;
border-color: #777771;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default input {
padding: 9px 9px;
border-width: 1px;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--default button {
padding: 10px;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat input {
padding: 10px;
border: 0;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--flat button {
padding: 10px;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold input {
padding: 7px 9px;
border-width: 3px;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--bold button {
padding: 12px;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input {
padding: 10px 0 9px;
border: 0;
border-bottom: 1px solid #777771;
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input::placeholder {
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input:-moz-placeholder {
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input::-moz-placeholder {
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input:-ms-input-placeholder {
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material input::-webkit-input-placeholder {
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material button {
padding: 10px;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_empty {
margin-bottom: 20px;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_empty label {
transform: translateY(31px);
color: #aaa;
font-size: 16px;
font-weight: 400;
}
.sui-2-12-23 .sui-wrap .fui-demo--custom-form.fui-demo--material .fui-is_filled {
margin-bottom: 20px;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material button {
cursor: pointer;
pointer-events: none;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label {
display: flex;
margin: 0 0 5px;
padding: 0;
border: 0;
color: #000;
font: 400 16px/20px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input+span {
position: relative;
width: 20px;
height: 20px;
display: flex;
flex: 0 0 auto;
margin-right: 10px;
border-radius: 20px;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input+span:before {
content: " ";
width: 10px;
height: 10px;
opacity: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
transform: translate(-50%, -50%);
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input:checked+span {
border-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input:checked+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input:checked+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input:checked+span:before,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input:checked+span:before {
background-color: #17a8e3;
opacity: 1;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material button {
width: auto;
min-width: 100px;
display: block;
padding: 10px;
border: 0;
border-radius: 0;
background-color: #17a8e3;
color: #fff;
font: 500 14px/20px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: center;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material button {
margin: 20px 0 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold button,
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material button {
margin: 30px 0 0;
}
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default label input+span {
border: 1px solid #777771;
background-color: #ededed;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--default button {
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--flat label input+span {
background-color: #ededed;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold label input+span {
border: 3px solid #777771;
background-color: #ededed;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--bold button {
min-width: 120px;
padding: 15px;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material label input+span {
border: 2px solid #777771;
background-color: #ededed;
}
.sui-2-12-23 .sui-wrap .fui-demo--poll.fui-demo--material button {
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material label {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>span {
color: #333;
font: 500 24px/1.7em "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label {
margin: 15px 0 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span {
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span {
border-color: #17a8e3;
background-color: #f3fbfe;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span span[aria-hidden] {
border-color: #17a8e3;
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input:checked+span span:not([aria-hidden]),
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label input[checked]+span span:not([aria-hidden]) {
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span {
cursor: pointer;
display: flex;
padding: 9px;
border: 1px solid #ebedeb;
border-radius: 2px;
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span[aria-hidden] {
width: 30px;
height: 30px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ebedeb;
border-radius: 2px;
background-color: #fff;
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span[aria-hidden]:before {
color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--default>label>span span:not([aria-hidden]) {
display: block;
flex: 1;
align-self: center;
margin-left: 10px;
color: #888;
font: 500 14px/20px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span {
background-color: #f3fbfe;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span span[aria-hidden] {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input:checked+span span:not([aria-hidden]),
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label input[checked]+span span:not([aria-hidden]) {
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span {
cursor: pointer;
display: flex;
padding: 10px;
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span span[aria-hidden] {
width: 30px;
height: 30px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--flat>label>span span:not([aria-hidden]) {
display: block;
flex: 1;
align-self: center;
margin-left: 10px;
color: #888;
font: 500 14px/20px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span {
border-color: #17a8e3;
background-color: #f3fbfe;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span span[aria-hidden] {
border-color: #17a8e3;
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input:checked+span span:not([aria-hidden]),
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label input[checked]+span span:not([aria-hidden]) {
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span {
cursor: pointer;
display: flex;
padding: 7px;
border: 3px solid #ebedeb;
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span span[aria-hidden] {
width: 30px;
height: 30px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #ebedeb;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--bold>label>span span:not([aria-hidden]) {
display: block;
flex: 1;
align-self: center;
margin-left: 10px;
color: #888;
font: 500 14px/20px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span,
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span {
background-color: #f3fbfe;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span span[aria-hidden] {
border-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input:checked+span span:not([aria-hidden]),
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label input[checked]+span span:not([aria-hidden]) {
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span {
cursor: pointer;
display: flex;
padding: 10px;
border-radius: 2px;
background-color: #fafafa;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span span[aria-hidden] {
width: 30px;
height: 30px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #ebedeb;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-demo--quiz.fui-demo--material>label>span span:not([aria-hidden]) {
display: block;
flex: 1;
align-self: center;
margin-left: 10px;
color: #888;
font: 500 14px/20px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--default button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--flat button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--bold button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--custom-form.fui-demo--material button {
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--poll.fui-demo--default button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--poll.fui-demo--flat button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--poll.fui-demo--bold button,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--poll.fui-demo--material button {
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--default>label input:checked+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--default>label input[checked]+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--flat>label input:checked+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--flat>label input[checked]+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--bold>label input:checked+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--bold>label input[checked]+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input:checked+span,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input[checked]+span {
border-color: #000;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--default>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--default>label input[checked]+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--flat>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--flat>label input[checked]+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--bold>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--bold>label input[checked]+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input[checked]+span span[aria-hidden] {
border-color: #000;
background-color: #000;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--default>label>span span[aria-hidden]:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--flat>label>span span[aria-hidden]:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--bold>label>span span[aria-hidden]:before,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label>span span[aria-hidden]:before {
color: #fff !important;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input:checked+span span[aria-hidden],
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-demo--quiz.fui-demo--material>label input[checked]+span span[aria-hidden] {
background-color: rgba(0,0,0,0);
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option {
cursor: default;
pointer-events: none;
display: block;
margin: 0 0 20px;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option--wrapper {
overflow: hidden;
display: block;
border: 1px solid #ddd;
border-radius: 4px;
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form {
padding: 20px;
border-bottom: 1px solid #ddd;
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form,
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form span {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form--field {
margin: 0 0 20px;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form--field:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form--label {
margin: 0 0 5px;
color: #777771;
font: bold 12px/1.7em "Roboto",Arial,sans-serif;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form--input {
overflow: hidden;
display: block;
border-style: solid;
border-color: #777771;
background-color: #ededed;
color: #aaa;
font: 400 16px/1.3em "Roboto",Arial,sans-serif;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form--input.fui-is_filled {
color: #000;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form[data-design=default] .fui-demo-form--input {
padding: 9px;
border-width: 1px;
border-radius: 2px;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form[data-design=flat] .fui-demo-form--input {
padding: 10px;
border-width: 0;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form[data-design=bold] .fui-demo-form--input {
padding: 7px;
border-width: 3px;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form[data-design=material] .fui-demo-form--input {
margin: 25px 0 0;
padding: 10px 0 9px;
border-width: 0 0 1px 0;
background-color: rgba(0,0,0,0);
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .fui-demo-form[data-design=material] .fui-demo-form--input.fui-is_filled {
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option .sui-radio {
padding: 20px;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option.fui-selected .fui-subdesign-option--wrapper {
border-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option.fui-selected .fui-demo-form {
border-bottom-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option.fui-selected .sui-radio {
background-color: #e1f6ff;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option:not(.fui-selected) .fui-subdesign-option--wrapper {
cursor: pointer;
pointer-events: initial;
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option:not(.fui-selected):hover .fui-subdesign-option--wrapper {
border-color: #aaa;
box-shadow: 0px 3px 7px rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option:not(.fui-selected):hover .fui-demo-form {
border-bottom-color: #aaa;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option {
width: 50%;
min-width: 220px;
display: block;
flex: 1 1 auto;
margin: 0;
padding: 15px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .fui-subdesign-options .fui-subdesign-option {
width: 25%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-subdesign-options {
display: flex;
flex-flow: row wrap;
margin: -15px !important;
}
}
.sui-2-12-23 .sui-wrap .multivalue-modal div[id^=forminator-modal-body-] .sui-tab-content.active:not(:has(.sui-tooltip)) {
overflow: hidden;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown {
margin-left: 0;
padding: 0;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options {
overflow-x: hidden;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option {
padding: 5px 14px;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option .sui-variable-name {
color: #888;
font: 500 15px/25px Roboto,Arial,sans-serif;
letter-spacing: -0.25px;
word-wrap: break-word;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option .sui-variable-value {
display: none;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown .select2-results__options .select2-results__option--selected .sui-variable-name {
color: #fff;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown * {
scrollbar-width: thin;
scrollbar-color: #ddd #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown *::-webkit-scrollbar {
width: 9px;
height: 8px;
background-color: #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown *::-webkit-scrollbar-track {
background-color: #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multivalue-modal>.sui-modal-content>.sui-select-theme--vars.select2-container--open>.sui-select-dropdown *::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 10px;
cursor: default !important;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option {
width: 100%;
cursor: pointer;
display: block;
margin: 0;
border-width: 1px;
border-style: dashed;
border-color: #aaa;
border-radius: 4px;
background-color: rgba(0,0,0,0);
color: #888;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-transform: uppercase;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option:hover,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option:focus,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option:active {
outline: none;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option [class*=sui-icon-] {
width: 23px;
height: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option [class*=sui-icon-]:before {
display: block;
font-size: 12px;
line-height: 16px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option {
height: 60px;
padding: 21px 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-add-option {
height: 70px;
padding: 26px 15px;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option {
cursor: move;
display: flex;
align-items: flex-start;
margin: 0 0 10px;
padding: 15px 10px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(162,138,138,.05);
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:before {
content: "„";
width: 30px;
display: block;
flex: 0 0 auto;
margin: 12px 10px 12px 0;
font-size: 16px;
line-height: 16px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:hover,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option:active,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option.fui-on_focus {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings {
display: block;
flex: 1;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-] {
display: flex;
align-items: center;
cursor: default;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>[class^=sui-] {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-field,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-control,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-multi-checkbox {
flex: 1;
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-field .sui-upload-file>span,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-form-control .sui-upload-file>span,
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-multi-checkbox .sui-upload-file>span {
word-break: break-word;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>.sui-checkbox>input {
cursor: pointer;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]>*:not(:first-child) {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option .fui-option-settings [class^=fui-option-settings-]~[class^=fui-option-settings-] {
margin-top: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option+.fui-add-option {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-options .fui-option+.fui-add-option {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg) {
background-color: #f8f8f8;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg) {
margin: 0 -20px;
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg) {
margin: 0 -30px;
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor {
position: relative;
padding-right: 15px;
padding-bottom: 0;
border-right: 15px solid rgba(0,0,0,0);
min-height: 0;
max-height: 500px;
overflow-y: auto;
}
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor.no-option {
padding: 0;
margin: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-multi-options:not(.fui-nobg).standard-editor::after {
content: " ";
display: block;
width: 100%;
height: 30px;
}
.sui-2-12-23 .sui-wrap .fui-multi-options.add-option-box {
position: relative;
z-index: 100;
padding-top: 30px;
margin-top: 30px;
box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05);
-webkit-box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05);
-moz-box-shadow: 0px -10px 10px 0px rgba(0,0,0,.05);
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-form-field:last-child .fui-multi-options:not(.fui-nobg) {
margin-bottom: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field:last-child .fui-multi-options:not(.fui-nobg) {
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap .multi-options-bulk {
position: relative;
min-height: 0;
padding-top: 20px;
border-top: 1px solid #e6e6e6;
z-index: 0;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk #label-options {
padding-top: 10px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .switch-box {
text-align: right;
padding-bottom: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .multi-options-bulk .switch-box {
text-align: left;
}
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .switch-box .sui-checkbox {
margin-right: 30px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .switch-box .bulk-edit-toggle {
display: inline-flex;
margin-bottom: -6px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .switch-box .bulk-edit-toggle .sui-toggle-label {
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk #jump-bottom-or-top {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 1000;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .multi-opts-preloader {
padding: 108px 0;
margin: 0 -30px;
border-top: 1px solid #e6e6e6;
text-align: center;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .multi-opts-preloader .sui-icon-loader {
display: inline-block;
width: 100px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined {
font-size: 12px;
color: #17a8e3;
width: 100%;
padding-right: 0;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container {
width: 100% !important;
border: none;
text-align: right;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container .dropdown-handle {
display: none;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk #add-predefined .select2-container .select2-selection--single {
display: inherit;
height: auto;
padding: 0 5px 0 0;
border: none;
line-height: 1;
font-size: 12px;
font-weight: 500;
color: #17a8e3;
background-color: #fff;
text-align: right;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables>* {
text-align: left;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables #bulk-edit-textarea {
padding-right: 0;
white-space: pre;
overflow-wrap: normal;
font-weight: 400;
line-height: 1.5;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .sui-insert-variables .bulk-editor-description {
white-space: pre-line;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .upload-csv-btn {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .uploaded-csv-file {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer .importer-error {
margin: 10px 0;
text-align: left;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .bulk-importer>.sui-description,
.sui-2-12-23 .sui-wrap .multi-options-bulk .fui-multi-options-bulk .fui-table--apps tbody tr.fui-app--promote .fui-app--content .bulk-importer>.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .multi-options-bulk .fui-multi-options-bulk .bulk-importer>.fui-app--description {
text-align: left;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span {
border-color: rgba(0,0,0,0) !important;
background-color: rgba(0,0,0,0) !important;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before {
content: "¬";
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input+span:before {
position: absolute;
top: 0;
left: 0;
opacity: 1 !important;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .collapse-options.sui-checkbox input:checked+span:before {
content: "≥";
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .sui-accordion-item-header .sui-upload-image .sui-image-preview {
cursor: default;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk .sui-accordion-item-header .sui-upload-image .sui-image-preview:before {
opacity: 0;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk * {
scrollbar-width: thin;
scrollbar-color: #ddd #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk *::-webkit-scrollbar {
width: 9px;
height: 8px;
background-color: #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk *::-webkit-scrollbar-track {
background-color: #f4f4f4;
}
.sui-2-12-23 .sui-wrap .multi-options-bulk *::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 10px;
cursor: default !important;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .hui-form-field-reduced:not(:last-child) {
margin-bottom: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .hui-form-field-reduced:not(:last-child) {
margin-bottom: 10px;
}
}
.sui-2-12-23 .sui-wrap .forminator-custom-form ul {
list-style: disc;
margin-left: 2em;
}
.sui-2-12-23 .sui-wrap select {
max-width: none;
}
.sui-2-12-23 .sui-wrap .fui-entries-bar {
display: flex;
}
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors {
display: flex;
}
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select~.select2 {
margin-left: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select {
flex: 0 0 auto;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors__module+span.sui-select {
min-width: 120px;
}
}
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors__module~select.sui-select+.select2 {
min-width: 200px;
max-width: 200px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors__module~select.sui-select+.select2 {
display: block;
min-width: 100%;
max-width: 100%;
margin-left: 0;
margin-top: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors+.sui-button {
margin-left: 10px;
}
}
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors>form {
display: flex;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors>form {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors>form .sui-button {
margin-top: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors {
min-width: 100%;
display: block;
margin: 0 0 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .fui-bar-selectors {
align-items: center;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .sui-button+.sui-button {
margin-left: 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar .sui-button+.sui-button {
margin-left: auto;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar {
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 10px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries-bar {
padding: 15px 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-pagination-entries {
margin: 20px 0 10px;
}
.sui-2-12-23 .sui-wrap .fui-pagination-entries .sui-pagination-results {
display: inline-block;
line-height: 30px;
}
.sui-2-12-23 .sui-wrap .fui-pagination-entries .sui-pagination-results+.sui-pagination {
margin-left: 15px;
}
.sui-2-12-23 .sui-wrap .fui-pagination-entries .sui-pagination {
flex: 0 0 auto;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-pagination-entries .sui-pagination li a {
min-width: 38px;
}
}
@media (min-width: 1113px) {
.sui-2-12-23 .sui-wrap .fui-pagination-entries {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-box-actions {
padding: 15px 10px;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .sui-box-search .sui-select-sm {
min-width: 200px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .sui-box-search .sui-select-sm+.sui-button {
min-width: unset;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .sui-box-search .sui-search-right {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .sui-box-search .sui-search-right .sui-pagination-dots {
min-width: 40px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr>td .fui-mobile-only,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr>td .fui-mobile-only {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:first-child .sui-checkbox,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:first-child .sui-checkbox,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:first-child .sui-checkbox,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:first-child .sui-checkbox {
margin-right: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:first-child,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:first-child,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:first-child,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:first-child {
min-width: 170px;
display: flex;
flex: 0 0 170px;
align-items: center;
padding-right: 0;
padding-left: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:not(:first-child) .sui-accordion-open-indicator,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:not(:first-child) .sui-accordion-open-indicator,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:not(:first-child) .sui-accordion-open-indicator,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:not(:first-child) .sui-accordion-open-indicator {
float: none;
margin-left: 5px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:not(:first-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:not(:first-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:not(:first-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:not(:first-child) {
display: flex;
flex: 1;
align-items: center;
justify-content: space-between;
padding-right: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th:nth-child(n+3),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:nth-child(n+3),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th:nth-child(n+3),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:nth-child(n+3) {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td {
height: auto;
padding-top: 19px;
padding-bottom: 18px;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-content,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-content,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-content,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-content {
display: flex;
align-items: center;
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-ellipsis,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-ellipsis,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .forminator-submissions-column-ellipsis,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .forminator-submissions-column-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag {
background: #888;
color: #fff;
margin-left: 27%;
}
@media (max-width: 1229px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th .sui-tag.draft-tag,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td .sui-tag.draft-tag {
margin-left: 15px;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>th,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>th {
text-overflow: ellipsis;
overflow: hidden;
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content)>td:last-child .sui-accordion-open-indicator,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content)>td:last-child .sui-accordion-open-indicator {
margin-left: auto;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr:not(.sui-accordion-item-content),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr:not(.sui-accordion-item-content) {
display: flex;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content>td ul.bulleted,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content>td ul.bulleted {
padding-left: 15px;
list-style: disc;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content>td,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content>td {
height: auto;
display: block;
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead>tr.sui-accordion-item-content.sui-accordion-item--open,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody>tr.sui-accordion-item-content.sui-accordion-item--open {
display: block !important;
height: unset;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>thead,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries>tbody {
display: block;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-table-entries {
width: 100%;
display: block;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title {
margin: 0 0 20px;
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title:last-child {
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title:last-child {
margin-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-entry-title {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details {
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details>thead tr th {
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details>thead tr th {
padding-top: 8px;
padding-bottom: 9px;
}
}
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead th,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead td,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody th,
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody td {
word-break: break-word;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead th:not(:last-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details thead td:not(:last-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody th:not(:last-child),
.sui-2-12-23 .sui-wrap .fui-box-entries .fui-entry-content .fui-table-details tbody td:not(:last-child) {
display: none;
}
}
.sui-2-12-23 .sui-wrap #modal-insert-fields .sui-box-selectors ul li label {
height: 100%;
}
.sui-2-12-23 .sui-wrap #modal-insert-fields .sui-box-selectors ul li label input+span {
height: 100%;
}
.sui-2-12-23 .sui-wrap .sui-tag.forminator-small-blue-tag {
background-color: #17a8e3;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-tag.forminator-small-blue-tag {
background-color: #000;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal>.sui-box {
max-width: 800px;
margin: 0 auto;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors {
padding: 30px;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul {
margin: 0 -15px;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li {
padding: 0 15px;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label {
background-color: #fff;
box-shadow: initial;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label.sui-disabled {
background-color: #fff;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label.sui-disabled>input~span {
border-style: none;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label.sui-disabled>input~span.box-select-head {
border-bottom: 1px solid rgba(230,230,230,.5) !important;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label>span.pdf-template-img {
padding: 10px;
border: none;
}
.sui-2-12-23 .sui-wrap #create-pdf-modal .sui-box-selectors ul li label>span.pdf-template-img img {
width: 100%;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title .sui-checkbox {
margin-right: 10px;
margin-bottom: 0;
margin-left: -9px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
font-size: 18px;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data {
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button {
position: relative;
margin-left: 40px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button:after {
content: "";
position: absolute;
left: -28px;
top: 0;
bottom: 0;
width: 2px;
background: #c4c4c4;
border-radius: 1px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button:after {
content: unset;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data .sui-button {
margin-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .forminator-notice-yellow {
box-shadow: inset 2px 0 0 0 #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .forminator-notice-yellow .forminator-accordion-notice-icon {
font-size: 15px;
width: 28px;
}
.sui-2-12-23 .sui-wrap .sui-accordion-block .forminator-notice-yellow .forminator-accordion-notice-icon::before {
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap .sui-box-search .sui-search-left .sui-checkbox {
display: inline-flex;
margin-bottom: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-box-search .sui-search-left .sui-checkbox {
margin-right: 10px;
}
}
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile {
justify-content: flex-end;
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination-results {
display: block;
margin-right: 15px;
}
@media (max-width: 1112px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination-results {
flex: 0 1 auto;
}
}
@media (max-width: 1112px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination li {
min-width: 30px;
flex: unset;
}
}
@media (max-width: 1112px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination li a {
min-width: 30px;
}
}
@media (max-width: 1112px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile .sui-pagination {
flex: 0 0 auto;
margin-left: 0;
}
}
@media (min-width: 1113px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-mobile {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-desktop .sui-pagination li {
flex: unset;
min-width: 40px;
}
@media (max-width: 1112px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination .fui-pagination-desktop .sui-search-right {
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-listings-pagination {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-poll-builder .switch-box {
text-align: right;
margin-bottom: -27px;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers {
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers {
margin: 0;
padding: 0;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers,
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li {
border: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li {
display: flex;
align-items: flex-start;
margin: 0 0 10px;
padding: 15px 20px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
transition: .2s ease;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>span {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>span:not(:first-child) {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move {
width: 30px;
height: 30px;
cursor: move;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 30px;
margin: 5px 0;
margin-left: -10px;
text-align: center;
color: #aaa;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move [class*=sui-icon-] {
display: block;
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--move [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields {
flex: 1;
flex-wrap: wrap;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field {
display: flex;
flex: 0 0 100%;
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-title {
display: flex;
width: auto;
flex: 1 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-title input {
flex: 1;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image {
display: flex;
max-width: 250px;
flex: 0 0 250px;
padding-left: 10px;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-form-field {
max-width: 100%;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload {
width: 100%;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload.sui-has_file .sui-upload-file {
display: flex;
flex: 1 1 auto;
justify-content: center;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload:not(.sui-has_file) .sui-upload-button {
display: flex;
flex: 1 1 auto;
justify-content: center;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload .sui-upload-file {
max-width: 100%;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image .sui-upload .sui-upload-file span {
max-width: 113px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field .answer-image {
flex: 1 1 auto;
padding-left: 0;
padding-top: 10px;
max-width: 100%;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--fields .sui-form-field {
flex-direction: column;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions {
display: flex;
flex: 0 0 70px;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions .sui-button,
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li>.fui-answer--actions .sui-dropdown {
display: block;
margin: 0;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li:hover {
box-shadow: 0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li:hover>.fui-answer--move {
color: #888;
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li.fui-error {
box-shadow: inset 0 -2px 0 0 #ff6d6d,0 2px 7px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li.fui-error:hover {
box-shadow: inset 0 -2px 0 0 #ff6d6d,0 0 0 4px rgba(0,0,0,.02),0 4px 15px 0 rgba(0,0,0,.05);
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li:last-child {
margin-bottom: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-answers>li:last-child {
margin-bottom: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-empty-message {
text-align: center;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-empty-message .sui-image {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-empty-message .sui-image {
margin-top: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-empty-message:not(:first-child) {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers .fui-empty-message:not(:first-child) {
margin-top: 30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers:last-child {
margin-bottom: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers:last-child {
margin-bottom: -30px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers {
margin: 20px -20px 0;
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-multi-answers {
margin: 30px -30px 0;
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-calculations {
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 5px;
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon {
margin: 0 2px;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button:first-child,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown:first-child,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon:first-child {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button:last-child,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-bar>.sui-button-icon:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-editor {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-calculations .fui-calcs-editor textarea {
width: 100%;
height: 200px;
resize: none;
display: block;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0 0 3px 3px;
outline: none;
background-color: #f8f8f8;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .fui-calculations.fui-error {
border-bottom-width: 2px;
border-bottom-color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .fui-calculations-preview {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -2px;
color: #666;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: 0;
}
.sui-2-12-23 .sui-wrap .fui-calculations-preview span {
display: block;
flex: 0 0 auto;
margin: 2px;
padding: 4px 10px;
border: 0;
border-radius: 4px;
background-color: #666;
color: #fff;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-list-fields {
margin: 0;
padding: 0;
border: 1px solid #e6e6e6;
border-radius: 4px;
list-style: none;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li {
display: flex;
align-items: center;
margin: 0;
padding: 10px;
border-width: 0;
border-style: solid;
border-color: #e6e6e6;
border-radius: 0;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li .fui-list-icon {
flex: 0 0 30px;
text-align: center;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li .fui-list-icon+.fui-list-label {
margin-left: 5px;
}
@media (max-width: 479px) {
.sui-2-12-23 .sui-wrap .fui-list-fields li .fui-list-icon {
display: none;
}
}
.sui-2-12-23 .sui-wrap .fui-list-fields li .fui-list-label {
overflow: hidden;
display: block;
flex: 1;
color: #333;
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li .fui-list-label+.sui-button-icon {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li .sui-button-icon {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-list-fields li:not(:last-child) {
border-bottom-width: 1px;
}
.sui-2-12-23 .sui-wrap .fui-buttons-alignment {
display: flex;
align-items: center;
justify-content: space-between;
}
.sui-2-12-23 .sui-wrap .fui-buttons-alignment .sui-button,
.sui-2-12-23 .sui-wrap .fui-buttons-alignment .sui-button-icon {
flex: 0 1 auto;
}
.sui-2-12-23 .sui-wrap .fui-buttons-alignment.fui-alignment-center {
justify-content: center;
}
.sui-2-12-23 .sui-wrap .fui-buttons-alignment.fui-alignment-right {
justify-content: flex-end;
}
.sui-2-12-23 .sui-wrap .mtop10 {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .mbottom10 {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .fui-trend {
font-size: 13px;
line-height: 22px;
font-weight: 700;
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .fui-trend.fui-trend-green {
color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .fui-trend.fui-trend-red {
color: #ff6d6d;
}
.sui-2-12-23 .sui-wrap .fui-trend [class*=sui-icon-] {
margin-right: 5px;
}
.sui-2-12-23 .sui-wrap .fui-trend [class*=sui-icon-]:before {
color: inherit;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder {
position: static;
box-shadow: none;
}
.sui-2-12-23 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-palette {
box-sizing: border-box;
}
.sui-2-12-23 .sui-wrap .fui-integrations-block .sui-table-title {
display: block;
margin: 0 0 5px;
color: #888;
font: bold 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-integrations-block .sui-table-title+.sui-notice {
margin: 5px 0 0;
}
.sui-2-12-23 .sui-wrap .fui-integrations-block .fui-table--apps {
margin: 5px 0;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .fui-integrations-block:not(:last-child) {
margin: 0 0 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-integrations-block:not(:last-child) {
margin: 0 0 30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-integration-popup .forminator-select-refresh {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.sui-2-12-23 .sui-wrap #forminator-integration-popup .forminator-select-refresh span.sui-select {
min-width: 1px;
flex: 1;
}
.sui-2-12-23 .sui-wrap #forminator-integration-popup .forminator-select-refresh .forminator-refresh-email-lists {
flex: 0 0 auto;
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap #forminator-integration-popup .sui-insert-variables textarea~span .select2-selection {
border-left: none;
}
.sui-2-12-23 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky {
margin-bottom: 30px;
}
.sui-2-12-23 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky .forminator-new-appearance-preset {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap.wpmudev-forminator-forminator-settings .sui-box[data-nav=appearance-presets].sui-box-sticky .fui-bar-selectors {
min-width: 220px;
}
.sui-2-12-23 .sui-wrap #forminator-appearance-preset .sui-box-header .sui-tag {
margin-left: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .forminator-for-desktop {
display: none !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .forminator-for-mobile {
display: none !important;
}
}
.sui-2-12-23 .sui-wrap .forminator-for-mobile .sui-form-field {
min-width: 100%;
}
.sui-2-12-23 .sui-wrap .forminator-for-mobile .sui-actions {
display: flex;
margin-left: -10px;
}
.sui-2-12-23 .sui-wrap .forminator-for-mobile .sui-right-actions {
display: flex;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap .sui-modal {
overflow-wrap: break-word;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-loading-modal {
text-align: center;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle {
display: flex;
align-items: center;
justify-content: center;
padding: 19px 20px;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle .sui-toggle {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle .sui-toggle-label {
min-width: 1px;
flex: 0 1 auto;
color: #666;
font-size: 13px;
line-height: 22px;
font-weight: 500;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle {
margin-right: -20px;
margin-left: -20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle {
margin-right: -30px;
margin-left: -30px;
padding-right: 30px;
padding-left: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle-content .sui-error-message {
text-align: right;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle-content .sui-form-field-error .sui-insert-variables .select-container .select-list-container .list-value {
border-bottom-color: #ff6d6d;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle-content {
margin-top: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-section-toggle-content {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box {
background-color: #fafafa;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list {
margin: 0 0 15px;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list,
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li {
padding: 0;
border: 0;
list-style: none;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li {
color: #888;
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list li strong {
color: #666;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-list:last-child {
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button {
width: auto;
max-width: 100%;
cursor: pointer;
opacity: .5;
display: block;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: rgba(0,0,0,0);
color: #333;
font: bold 12px/22px "Roboto",Arial,sans-serif;
text-transform: uppercase;
transition: all .3s ease;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button [class*=sui-icon-] {
vertical-align: middle;
margin-right: 3px;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:hover,
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:focus {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box .fui-dismiss-button:last-child {
margin-bottom: -5px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box.fui-flushed {
margin: 0 -20px;
padding: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-modal .fui-dismiss-box.fui-flushed {
margin: 0 -30px;
padding: 20px 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-addons-option {
margin-bottom: 20px;
}
.sui-2-12-23 .sui-wrap .sui-modal .fui-addons-option:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal .sui-modal-content>.sui-select {
z-index: 1;
}
.sui-2-12-23 .sui-wrap .sui-modal .sui-modal-content>.sui-select .select2-results__option.select2-results__option--group {
display: block !important;
}
.sui-2-12-23 .sui-wrap .sui-modal .sui-modal-content .sui-upload .sui-upload-file span {
word-break: break-all;
}
.sui-2-12-23 .sui-wrap .sui-modal .sui-description strong,
.sui-2-12-23 .sui-wrap .sui-modal .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .fui-app--description strong {
color: #17a8e3;
}
.sui-2-12-23 .sui-wrap .sui-modal .sui-description.sui-description-alt,
.sui-2-12-23 .sui-wrap .sui-modal .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-description-alt.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-description-alt.fui-app--description {
margin-top: 10px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-modal .sui-description.sui-description-alt,
.sui-2-12-23 .sui-wrap .sui-modal .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-description-alt.fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .sui-description-alt.fui-app--description {
margin-top: -10px;
}
}
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close {
color: #fff;
}
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:before {
color: inherit;
}
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:focus,
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:hover,
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-header .sui-dialog-close:active {
opacity: .7;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-body {
padding-bottom: 40px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-stripe-sca .sui-box .sui-box-body {
padding-bottom: 60px;
}
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close {
z-index: 2;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:before {
color: #fff;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:focus,
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:hover,
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-dialog-close:active {
opacity: .7;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-box-title[sui-content-size="380"],
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-description[sui-content-size="380"],
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .fui-table--apps tbody tr.fui-app--promote .fui-app--content [sui-content-size="380"].fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-header [sui-content-size="380"].fui-app--description {
max-width: 380px;
margin-right: auto;
margin-left: auto;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-header .sui-box-title {
text-overflow: unset;
white-space: normal;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li {
display: block;
position: relative;
padding: 0 0 0 17px;
border: 0;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description,
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description {
margin: 0 0 5px;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description strong,
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description strong {
color: #666;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description strong[sui-color=darkgray],
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong[sui-color=darkgray],
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description strong[sui-color=darkgray] {
color: #333;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .sui-description:last-child,
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li .fui-app--description:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li:before {
content: " ";
width: 7px;
height: 7px;
display: block;
position: absolute;
top: 8px;
left: 0;
border-radius: 7px;
background-color: #333;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li {
margin: 0 0 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body ul.sui-list[sui-type=bullets] li {
margin: 0 0 30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-body[sui-spacing-bottom="0"] {
padding-bottom: 0 !important;
}
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-footer {
padding-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-new-feature .sui-dialog-content .sui-box-footer[sui-space-bottom="60"] {
padding-bottom: 60px;
}
}
.sui-2-12-23 .sui-wrap .sui-modal-list h3,
.sui-2-12-23 .sui-wrap .sui-modal-list ol {
font-size: 13px;
line-height: 22px;
text-align: left;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .sui-modal-list h3 {
color: #666;
font-weight: 700;
}
.sui-2-12-23 .sui-wrap .sui-modal-list ol {
color: #888;
list-style: none;
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal-list ol li {
display: flex;
margin: 10px 0;
}
.sui-2-12-23 .sui-wrap .sui-modal-list ol .sui-icon-check {
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap .sui-modal-list .sui-tag {
font-size: 8px;
font-weight: 900;
line-height: 6px;
letter-spacing: -0.25px;
text-transform: uppercase;
margin-left: 8px;
height: 8px;
margin-top: 5px;
padding: 2px 6px;
min-height: 13px;
}
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-modal .sui-description strong,
.sui-2-12-23 .sui-wrap.sui-color-accessible .sui-modal .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description strong,
.sui-2-12-23 .sui-wrap.sui-color-accessible .fui-table--apps tbody tr.fui-app--promote .fui-app--content .sui-modal .fui-app--description strong {
color: #000;
text-decoration: underline;
}
body.forminator_page_forminator-upgrade #wpbody-content .update-nag+.sui-wrap,
body.forminator_page_forminator-upgrade #wpbody-content .update-nag:empty+.sui-wrap {
margin-top: 60px;
}
.sui-2-12-23 .sui-wrap .fui-rich-textarea>*:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .fui-rich-textarea>*:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-rich-textarea ul {
margin-left: 2em;
list-style: disc;
}
.sui-2-12-23 .sui-wrap .fui-rich-textarea ul li ul {
list-style: circle;
}
.sui-2-12-23 .sui-wrap .fui-textarea {
white-space: pre-line;
}
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field {
margin: 0 5px !important;
}
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field.fui-field-full {
min-width: 1px;
flex: 1;
}
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field:first-child {
margin-left: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col .sui-form-field-inline>.sui-form-field:last-child {
margin-right: 0 !important;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col:not(:last-child) {
margin-right: 20px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-field--row .fui-form-field--col {
min-width: 1px;
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-field--row:not(:first-child) {
margin-top: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-field--row:not(:last-child) {
margin-bottom: 30px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-form-field--row {
display: flex;
flex-direction: row;
align-items: flex-end;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-form-field-inline.forminator-fields-line-2x {
display: inline-flex;
}
.sui-2-12-23 .sui-wrap .sui-form-field-inline.forminator-fields-line-2x:first-child {
margin-right: 20px;
}
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags {
position: relative;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags>.sui-input {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
margin: -5px;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search {
margin: 5px;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline {
min-width: 100px;
flex: 1;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
height: 24px;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search:not(.select2-search--inline) {
flex: 0 0 100%;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker {
position: relative;
top: 0 !important;
left: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:before,
.sui-2-12-23 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:after {
content: " ";
display: table;
}
.sui-2-12-23 .sui-wrap .fui-datepicker-tags .fui-daterange-calendar .daterangepicker:after {
clear: both;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro {
margin: 0 0 30px;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro,
.sui-2-12-23 .sui-wrap ul.sui-list-pro li {
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro li {
margin: 0 0 20px;
color: #333;
font: 500 15px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro li [class*=sui-icon-] {
width: 20px;
height: 20px;
vertical-align: top;
margin-right: 10px;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro li [class*=sui-icon-]:before {
display: block;
color: #8d00b1;
text-align: center;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro li:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap ul.sui-list-pro:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-notice#fui-notice-pro-fields.sui-notice-top {
width: auto !important;
max-width: unset !important;
position: relative !important;
z-index: 1 !important;
top: auto !important;
left: auto !important;
margin-top: 15px;
margin-left: -5px !important;
margin-right: -5px !important;
transform: none !important;
box-shadow: none !important;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-notice#fui-notice-pro-fields.sui-notice-top {
margin-top: 25px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .wpmudev-recommended-plugins {
display: none !important;
}
}
.sui-2-12-23.sui-elements-accessible .notice,
.sui-2-12-23.sui-elements-accessible .sui-notice {
border-left-color: #000;
}
.sui-2-12-23.sui-elements-accessible .notice p,
.sui-2-12-23.sui-elements-accessible .sui-notice p {
color: #000 !important;
}
.sui-2-12-23.sui-elements-accessible .notice a,
.sui-2-12-23.sui-elements-accessible .sui-notice a {
color: #555;
}
.sui-2-12-23.sui-elements-accessible .notice a.button,
.sui-2-12-23.sui-elements-accessible .notice [class^=button-],
.sui-2-12-23.sui-elements-accessible .notice button,
.sui-2-12-23.sui-elements-accessible .sui-notice a.button,
.sui-2-12-23.sui-elements-accessible .sui-notice [class^=button-],
.sui-2-12-23.sui-elements-accessible .sui-notice button {
background-color: #000;
border-color: #000;
color: #fff;
}
.sui-2-12-23.sui-elements-accessible .notice .notice-dismiss,
.sui-2-12-23.sui-elements-accessible .sui-notice .notice-dismiss {
background: rgba(0,0,0,0);
}
.sui-2-12-23.sui-elements-accessible .notice .notice-dismiss::before,
.sui-2-12-23.sui-elements-accessible .sui-notice .notice-dismiss::before {
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab {
padding: 0;
}
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab a {
padding: 5px 15px;
border-radius: 20px;
}
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab a.current {
background-color: #e6e6e6;
color: #333;
}
@media (forced-colors: active) {
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab a.current {
border: 1px solid #fecf2f;
}
}
.sui-2-12-23 .sui-wrap .sui-sidenav.fui-sidenav ul.sui-vertical-tabs li.sui-vertical-tab .sui-tooltip .sui-icon-lock.sui-sm:before {
font-size: 12px;
}
.sui-2-12-23 .sui-wrap .sui-sidenav .sui-mobile-nav {
max-width: none;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav {
margin-bottom: 20px;
}
}
.sui-2-12-23 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab a>.sui-tag {
position: relative;
top: -3px;
right: auto;
display: inline-block;
font-size: 8px;
line-height: 8px;
min-height: 12px;
}
@media (min-width: 783px) {
.sui-2-12-23>.sui-select.sui-select-dropdown-container--open {
z-index: 100;
}
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-header-title {
min-width: 20px;
flex: 1;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-actions-right {
flex: 0 0 auto;
margin-top: 5px;
margin-bottom: 5px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title .sui-actions-right {
display: none;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title {
flex: 0 0 auto;
padding-right: 10px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-title {
min-width: 220px;
padding-right: 30px;
}
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings {
display: block;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left {
display: flex;
align-items: flex-start;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-form-field {
min-width: 100px;
flex: 1;
margin-right: 10px;
margin-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-form-field {
min-width: 240px;
flex: 0 0 auto;
}
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown,
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-button-icon[data-tooltip] {
flex: 0 0 auto;
margin: 5px 5px 5px 0;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown:last-child,
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-button-icon[data-tooltip]:last-child {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-dropdown ul {
z-index: 13;
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-tooltip:before,
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left .sui-tooltip:after {
z-index: 13;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-left {
flex: 1;
margin-left: 0;
}
}
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-right {
display: none;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings .sui-actions-right {
display: block;
margin-left: 10px;
padding: 5px 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings .fui-header-settings {
min-width: 300px;
display: flex;
align-items: flex-start;
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .sui-header.fui-header-with-settings {
display: flex;
align-items: flex-start;
}
}
.sui-2-12-23 [class*=forminator-icon-]:before,
.sui-2-12-23 [class*=forminator-icon-]:after {
font-family: "forminator-plugin-icons" !important;
speak: none;
font-size: 1em;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-rendering: auto;
display: inline-block;
color: #888;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media all and (-ms-high-contrast: none) {
.sui-2-12-23 [class*=forminator-icon-]:before,
.sui-2-12-23 [class*=forminator-icon-]:after {
color: #888;
}
}
@media all and (-ms-high-contrast: active) {
.sui-2-12-23 [class*=forminator-icon-]:before,
.sui-2-12-23 [class*=forminator-icon-]:after {
color: #ddd;
}
}
@font-face {
font-family: "forminator-plugin-icons";
src: url(../css/../assets/fonts/forminator-plugin-icons.eot);
src: url(../css/../assets/fonts/forminator-plugin-icons.eot) format("embedded-opentype"),url(../css/../assets/fonts/forminator-plugin-icons.ttf) format("truetype"),url(../css/../assets/fonts/forminator-plugin-icons.woff) format("woff"),url(../css/../assets/fonts/forminator-plugin-icons.woff2) format("woff2"),url(../css/../assets/fonts/forminator-plugin-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
}
.sui-2-12-23 [class*=forminator-icon-] {
display: inline-block;
}
.sui-2-12-23 .forminator-icon-group:before {
content: "";
}
.sui-2-12-23 .forminator-icon-currency:before {
content: "";
}
.sui-2-12-23 .forminator-icon-pagination:before {
content: "";
}
.sui-2-12-23 .forminator-icon-paypal:before {
content: "";
}
.sui-2-12-23 .forminator-icon-stripe:before {
content: "";
}
.sui-2-12-23 .forminator-icon-conversion:before {
content: "";
}
.sui-2-12-23 .forminator-icon-bounce:before {
content: "";
}
.sui-2-12-23 .forminator-icon-payment:before {
content: "";
}
.sui-2-12-23 .forminator-icon-star:before {
content: "";
}
.sui-2-12-23 .forminator-icon-heart:before {
content: "";
}
.sui-2-12-23 .forminator-icon-like:before {
content: "";
}
.sui-2-12-23 .forminator-icon-smile:before {
content: "";
}
.sui-2-12-23 .sui-wrap .sui-toggle.fui-highlighted-toggle {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
padding: 19px 10px;
background-color: #f8f8f8;
}
.sui-2-12-23 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-slider {
position: relative;
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-slider+.sui-toggle-label {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap .sui-toggle.fui-highlighted-toggle .sui-toggle-label {
min-width: 1px;
flex: 0 1 auto;
font-size: 13px;
}
.sui-2-12-23 .sui-wrap .sui-toggle input[disabled]~.sui-toggle-slider {
cursor: not-allowed;
opacity: .5;
background-color: #ddd;
}
.sui-2-12-23 .sui-wrap div.sui-form-field label[for=forminator-field-akismet-protection-behavior] {
margin-bottom: 10px;
}
.sui-2-12-23 .sui-wrap .fui-recipient {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
padding: 14px 29px;
border: 1px solid #e6e6e6;
border-radius: 4px;
background-color: #fff;
}
.sui-2-12-23 .sui-wrap .fui-recipient>[class*=sui-icon] {
display: block;
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .fui-recipient>[class*=sui-icon]:before {
display: block;
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-recipient>[class*=sui-icon]+p {
margin-left: 10px !important;
}
.sui-2-12-23 .sui-wrap .fui-recipient p {
min-width: 1px;
overflow: hidden;
flex: 1;
margin: 0 !important;
padding: 0;
border: 0;
color: #333;
font: 500 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
white-space: nowrap;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .fui-recipient p+.sui-tooltip {
margin-left: 0;
}
.sui-2-12-23 .sui-wrap .fui-recipient .sui-tooltip {
flex: 0 0 auto;
margin-right: -4px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul {
width: auto;
min-width: 180px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li a [class*=sui-icon-],
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li button [class*=sui-icon-] {
margin-right: 0;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li a.sui-tooltip.sui-tooltip-left:after,
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul li button.sui-tooltip.sui-tooltip-left:after {
width: 174px;
white-space: normal;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag [class*=sui-icon-] {
display: block;
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .fui-button-label {
min-width: 1px;
overflow: hidden;
display: block;
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .sui-tag {
pointer-events: none;
display: block;
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-dropdown.fui-dropdown-soon ul .fui-button-with-tag .sui-tag.sui-tag-sm {
height: 12px;
min-height: auto;
display: block;
padding: 1px 6px 4px;
font-size: 8px;
line-height: 1;
text-transform: uppercase;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-menu {
width: 40%;
float: left;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-content {
width: 60%;
display: inline-block;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--group .sui-side-tabs.forminator-float>.sui-tabs-content .sui-tab-content {
margin: 0;
}
.sui-2-12-23 .sui-wrap #forminator-builder-fields [id^=field-group-] {
width: calc(100% - 20px);
}
.sui-2-12-23 .sui-wrap #forminator-builder-fields [id^=field-group-] .fui-builder-fields {
width: calc(100% - 20px);
}
.sui-2-12-23 .sui-wrap #forminator-builder-fields [data-field=group] {
flex-wrap: wrap;
}
.sui-2-12-23 .sui-wrap #forminator-builder-fields [data-field=group] .fui-builder-fields {
flex-basis: 100%;
padding: 10px;
margin: 0 20px 20px;
}
.sui-2-12-23 .sui-wrap .fui-drop-view {
position: fixed;
z-index: 999;
}
.sui-2-12-23 .sui-wrap .sui-variables-select-text .sui-label-note {
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-variables-select-text select.sui-variables+.sui-select {
top: -20px;
line-height: 1;
font-size: 12px;
font-weight: 500;
color: #17a8e3;
text-align: right;
height: 14px;
}
.sui-2-12-23 .sui-wrap .sui-variables-select-text select.sui-variables+.sui-select .selection {
background: #fff;
position: absolute;
right: 0;
width: 100px;
}
.sui-2-12-23 .sui-wrap .sui-variables-select-text select.sui-variables+.sui-select .selection span[role=combobox] {
height: auto;
border: none;
}
.sui-2-12-23 .sui-wrap .forminator-rating-preview {
padding: 20px;
justify-content: center;
background: #f9f9f9;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .forminator-rating-field {
display: flex;
font-size: 24px;
align-items: center;
gap: 10px;
}
.sui-2-12-23 .sui-wrap .forminator-rating-field .forminator-rating-items {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.sui-2-12-23 .sui-wrap .forminator-rating-field.forminator-rating-size--sm {
font-size: 16px;
}
.sui-2-12-23 .sui-wrap .forminator-rating-field.forminator-rating-size--lg {
font-size: 32px;
}
.sui-2-12-23 .sui-wrap .forminator-rating-field .forminator-rating-active:before {
color: #ff7e41;
}
.sui-2-12-23 .sui-wrap .forminator-rating-suffix {
font: 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
color: #888;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle {
margin: 0 0 5px;
color: #333;
line-height: 30px;
font-family: "Roboto",Arial,sans-serif;
font-weight: bold;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title+.sui-notice,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.sui-notice {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.fui-entries-table {
margin-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle+.fui-entries-table {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-title {
font-size: 22px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-subtitle {
font-size: 18px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .sui-description:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description:last-child,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .sui-description+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description+.fui-entries-table {
margin-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .sui-description+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description+.fui-entries-table,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-entries--knowledge .fui-app--description+.fui-entries-table {
margin-top: 30px;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block {
padding: 20px 0;
border-bottom: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block:first-child {
padding-top: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block:first-child {
padding-top: 0;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block:last-child {
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block:last-child {
padding-bottom: 0;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-block {
padding: 30px 0;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table {
width: 100% !important;
border-spacing: 0 !important;
border-width: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td {
height: 40px;
padding: 10px !important;
border-bottom: 1px solid #e6e6e6 !important;
font-size: 13px;
line-height: 22px;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:first-child {
border-left: 1px solid #e6e6e6 !important;
padding-left: 19px !important;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:first-child {
padding-left: 29px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:last-child {
border-right: 1px solid #e6e6e6 !important;
padding-right: 19px !important;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td:last-child {
padding-right: 29px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>td,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td {
height: 60px;
padding: 10px 15px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th {
border-top: 1px solid #e6e6e6 !important;
color: #333;
font-weight: bold;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:first-child {
border-top-left-radius: 4px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>thead>tr>th:last-child {
border-top-right-radius: 4px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td {
color: #888;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr>td strong {
color: #333;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr:last-child>td:first-child {
border-bottom-left-radius: 4px !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tbody>tr:last-child>td:last-child {
border-bottom-right-radius: 4px !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td {
padding: 20px 0 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend {
display: block;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p {
display: block;
position: relative;
margin: 0 0 10px;
padding: 5px 16px 5px 30px;
border: 0;
border-radius: 4px;
background-color: #f8f8f8;
color: #666;
font: 500 12px/16px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p:before {
content: " ";
width: 8px;
height: 8px;
position: absolute;
top: 9px;
left: 16px;
border-radius: 10px;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p.correct:before {
background-color: #1abc9c;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p.incorrect:before {
background-color: #ff6d6d;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend p {
min-width: 1px;
flex: 0 1 auto;
margin: 0 5px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td .fui-entries-table-legend {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table>tfoot>tr>td {
padding-top: 30px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td {
height: auto;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th:first-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td:first-child {
padding-left: 19px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th:last-child,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td:last-child {
padding-right: 19px !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>thead>tr>td,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>th,
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-size=sm]>tbody>tr>td {
height: auto;
padding: 10px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost] {
width: 100%;
table-layout: fixed;
border-spacing: 0 !important;
border-collapse: collapse !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr {
height: auto;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td {
vertical-align: top;
border-bottom-width: 0 !important;
padding: 5px 10px !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:first-child {
width: 40%;
border-left-width: 0 !important;
padding-left: 0 !important;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:first-child {
width: 160px;
padding-left: 0 !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child {
border-right-width: 0 !important;
padding-right: 0 !important;
font-weight: normal;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child strong {
color: #888;
font-weight: 500;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td:last-child {
padding-right: 0 !important;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr>td {
height: auto;
padding: 5px 10px !important;
}
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr:first-child>td {
padding-top: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .fui-entries-table[data-design=ghost]>tbody>tr:last-child>td {
padding-bottom: 0 !important;
}
.sui-2-12-23 .sui-wrap .fui-entries--knowledge .sui-notice p:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .notice+.sui-wrap .sui-upgrade-page,
.sui-2-12-23 .notice+script+.sui-wrap .sui-upgrade-page,
.sui-2-12-23 .sui-subscription-notice+.sui-wrap .sui-upgrade-page,
.sui-2-12-23 .sui-subscription-notice+script+.sui-wrap .sui-upgrade-page {
margin-top: 0;
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe thead tr th:nth-child(2n+1) {
width: 0;
overflow: hidden;
visibility: hidden;
white-space: nowrap;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe thead tr th:nth-child(2n+2) {
padding-top: 19px;
padding-bottom: 19px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe thead tr th:nth-child(5n+2) {
border-left: 1px solid #e6e6e6;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe thead tr th:nth-child(5n+4) {
border-right: 1px solid #e6e6e6;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe thead tr th {
display: table-cell;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(2n+1) {
width: 0;
overflow: hidden;
visibility: hidden;
white-space: nowrap;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(5n+2) {
border-left: 1px solid #e6e6e6;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-child(5n+4) {
border-right: 1px solid #e6e6e6;
}
}
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2) {
position: relative;
}
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before {
content: "ı";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td:nth-last-child(2):before {
content: " ";
display: none;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item td {
display: table-cell;
}
}
.sui-2-12-23 #fui-table-stripe tbody tr.sui-accordion-item.sui-accordion-item--open td:nth-last-child(2):before {
transform: translateY(-50%) rotate(180deg);
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row {
display: block;
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col {
display: block;
margin: 0 0 30px;
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col:nth-child(5n+2) {
width: 42.8571%;
}
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col:nth-child(10n+9):last-child {
width: 28.5714%;
}
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col .col-label {
margin: 0;
color: #333;
font-size: 13px;
font-weight: 500;
line-height: 22px;
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col .col-label+.col-value {
margin: 5px 0 0;
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col .col-label+.col-value {
margin: 10px 0 0;
}
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col .col-value {
margin: 0;
color: #888;
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col:last-child {
margin: 0;
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe .fui-stripe-row .fui-col {
width: 14.2857%;
flex: 0 0 auto;
margin: 0;
padding: 20px 15px;
}
}
@media (min-width: 783px) {
.sui-2-12-23 #fui-table-stripe .fui-stripe-row {
display: flex;
flex-flow: row wrap;
margin: -20px -15px;
}
}
.sui-2-12-23 #fui-table-group thead tr th {
padding-top: 5px;
padding-bottom: 5px;
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-group thead tr th {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #fui-table-group tbody tr.sui-accordion-item td {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-menu {
border-top: 0;
padding: 0 20px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 0 0 #e6e6e6;
}
.sui-2-12-23 #forminator-addons .sui-tabs-menu .sui-tab-item {
padding-top: 24px;
padding-bottom: 22px;
font-size: 12px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-menu .sui-tab-item .sui-tag {
margin-left: 4px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-menu .sui-tab-search {
cursor: default;
margin-right: 0;
margin-left: auto;
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-menu {
padding: 0 30px;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card {
overflow: hidden;
display: block;
border-radius: 4px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body {
padding: 30px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left .forminator-addon-card--thumb {
width: 60px;
height: 60px;
display: block;
border-radius: 4px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left+.forminator-addon-card--body-right {
margin-top: 10px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left+.forminator-addon-card--body-right {
margin-left: 20px;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left {
width: 60px;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-left {
flex: 0 0 auto;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title {
margin: 0 0 10px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3 {
margin: 0;
color: #333;
font-size: 15px;
line-height: 22px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3+.forminator-addon-card--tags .sui-tag-grey {
background-color: #888;
color: #fff;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3+.forminator-addon-card--tags {
margin-top: 10px;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title h3+.forminator-addon-card--tags {
margin-left: 8px;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags .sui-tag {
display: block;
flex: 0 0 auto;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags .sui-tag+.sui-tag {
margin-left: 10px;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags {
justify-content: center;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title .forminator-addon-card--tags {
min-width: 0;
flex: 1;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .forminator-addon-card--title {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 5px;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .sui-description,
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right .fui-app--description {
margin: 0;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right {
text-align: center;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body .forminator-addon-card--body-right {
min-width: 1px;
flex: 1;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--body {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
border-top: 1px solid #e6e6e6;
background-color: #f8f8f8;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link {
cursor: pointer;
margin: 0;
padding: 0;
border: 0;
background-color: rgba(0,0,0,0);
color: #17a8e3;
font: 500 13px/22px "Roboto",Arial,sans-serif;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link:hover,
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-pseudo-link:focus {
color: #1286b5;
outline: none;
box-shadow: none;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-desktop {
display: none;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-desktop {
display: block;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile [class*=sui-icon-] {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile {
display: block;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound .sui-compound-mobile {
display: none;
}
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .sui-button.sui-button-compound {
min-width: 44px;
padding-right: 5px;
padding-left: 5px;
}
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left {
flex: 0 0 auto;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left .sui-description,
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left .fui-app--description {
font-size: 12px;
font-weight: 500;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-left+.forminator-addon-card--footer-right {
margin-left: 20px;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-right {
min-width: 1px;
flex: 1;
text-align: right;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-right .pdf-connect {
background-color: #286efa;
}
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer .forminator-addon-card--footer-right .pdf-connect:hover {
background-color: #0544c2;
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-addons .sui-tabs-content .sui-tab-content .forminator-addon-card .forminator-addon-card--footer {
padding: 15px 30px;
}
}
.sui-2-12-23 .forminator-category-name {
font-size: 13px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
color: #aaa;
}
.sui-2-12-23 .forminator-card {
height: 100%;
}
.sui-2-12-23 .forminator-card .sui-tag {
position: absolute;
top: 14px;
right: 12px;
}
.sui-2-12-23 .forminator-card-image img,
.sui-2-12-23 .forminator-template-image img {
object-fit: cover;
object-position: top;
border-radius: 4px;
height: 100%;
width: 100%;
}
.sui-2-12-23 #forminator-templates .sui-tabs-menu {
border-top: 0;
padding: 0 20px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 0 0 #e6e6e6;
}
.sui-2-12-23 #forminator-templates .sui-tabs-menu .sui-tab-item {
padding-top: 24px;
padding-bottom: 22px;
font-size: 12px;
}
.sui-2-12-23 #forminator-templates .sui-tabs-menu .sui-tab-item .sui-tag {
margin-left: 4px;
}
.sui-2-12-23 #forminator-templates .sui-tabs-menu .sui-tab-search {
cursor: default;
margin-right: 0;
margin-left: auto;
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-templates .sui-tabs-menu {
padding: 0 30px;
}
}
.sui-2-12-23 #forminator-templates .sui-progress-block {
background: #f2f2f2;
padding: 15px 20px;
border: none;
}
.sui-2-12-23 #forminator-templates .sui-progress-block .sui-progress-text {
font-size: 13px;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.25px;
color: #333;
}
.sui-2-12-23 #forminator-templates .sui-box-builder.sui-flushed {
border-radius: 4px;
}
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field {
gap: 10px;
height: auto;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field {
flex-wrap: wrap;
}
}
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field:last-child {
margin-bottom: 0;
}
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field .sui-field-actions .sui-button {
opacity: 0;
pointer-events: none;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field .sui-field-actions .sui-button {
opacity: 1;
pointer-events: all;
flex: 1;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field .sui-field-actions {
display: flex;
flex-basis: 100%;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field .sui-builder-field-label:first-child>[class*=sui-icon-] {
margin-left: -5px;
}
}
.sui-2-12-23 #forminator-templates .sui-box-builder .sui-builder-fields .sui-builder-field:hover .sui-field-actions .sui-button {
opacity: 1;
pointer-events: all;
}
.sui-2-12-23 #forminator-templates .sui-message .sui-message-content {
max-width: 860px;
}
.sui-2-12-23 #forminator-templates .forminator-search-field {
flex: 1;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-templates .forminator-search-field {
margin-bottom: 20px;
}
.sui-2-12-23 #forminator-templates .forminator-search-field .sui-input-md {
max-width: 100%;
}
}
@media (max-width: 479px) {
.sui-2-12-23 #forminator-templates .sui-box-footer .forminator-page-results {
margin-bottom: 10px;
}
}
.sui-2-12-23 #forminator-templates .forminator-category-name {
padding: 0 0 0 15px;
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-templates .forminator-category-name {
padding: 0;
}
}
.sui-2-12-23 #forminator-templates .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag {
top: 4px;
background: rgba(0,0,0,0);
}
.sui-2-12-23 #forminator-templates .sui-vertical-tabs {
margin-top: 10px;
}
.sui-2-12-23 #forminator-templates .forminator-loading-state,
.sui-2-12-23 #forminator-templates .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag {
font-size: 15px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.25px;
color: #666;
}
.sui-2-12-23 #forminator-templates .forminator-loading-state {
display: flex;
padding: 0 0 0 15px;
gap: 10px;
align-items: center;
}
@media (max-width: 1199px) {
.sui-2-12-23 #forminator-templates .forminator-loading-state {
padding: 0;
}
}
.sui-2-12-23 #forminator-templates .forminator-template-cards {
margin: -30px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 5px;
padding-top: 60.61%;
overflow: hidden;
border-radius: 4px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-image .forminator-template-icon,
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-image img {
position: absolute;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-image img {
top: 0;
height: 100%;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-image .forminator-template-icon {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (min-width: 480px) {
.sui-2-12-23 #forminator-templates .forminator-template-cards .sui-box-selectors.sui-box-selectors-col-3 ul li {
min-width: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1200px) {
.sui-2-12-23 #forminator-templates .forminator-template-cards .sui-box-selectors.sui-box-selectors-col-3 ul li {
min-width: 33.33%;
flex-basis: 33.33%;
}
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details {
position: relative;
border-top: 1px solid rgba(230,230,230,.5);
height: 138px;
padding: 20px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details .forminator-card-cta {
opacity: 0;
pointer-events: none;
visibility: hidden;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
bottom: 0;
left: 0;
right: 0;
padding: 0 20px 20px;
position: absolute;
background: #fff;
transition: ease all .2s;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details .forminator-card-cta .sui-button {
width: 100%;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details h3 {
color: #666;
text-overflow: ellipsis;
text-wrap: nowrap;
overflow: hidden;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: -0.2px;
margin: 0 0 10px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details p {
font-size: 13px;
line-height: 22px;
letter-spacing: -0.25px;
color: #666;
margin-top: 10px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp: 3;
-moz-prefixed-line-clamp: 3;
max-height: 66px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card-details.forminator-card-for-blank .forminator-card-cta {
justify-content: space-around;
top: 50px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card {
position: relative;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
padding-top: .05px;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card:hover .forminator-card-details .forminator-card-cta {
opacity: 1;
visibility: unset;
pointer-events: all;
}
.sui-2-12-23 #forminator-templates .forminator-template-cards .forminator-card:hover .forminator-template-icon svg path {
fill: #17a8e3;
}
.sui-2-12-23 #forminator-templates .forminator-template-notice {
padding: 15px 20px;
border: 1px dashed #aaa;
background: #f2f2f2;
border-radius: 4px;
text-align: center;
margin: 10px 0;
}
.sui-2-12-23 #forminator-templates .forminator-template-notice h2,
.sui-2-12-23 #forminator-templates .forminator-template-notice p {
font-size: 13px;
line-height: 22px;
max-width: 500px;
margin: 0 auto;
}
.sui-2-12-23 #forminator-templates .forminator-template-notice a {
text-decoration: underline;
}
.sui-2-12-23 #forminator-reports .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag {
padding-bottom: 1px;
}
.sui-2-12-23 #forminator-reports .sui-box__onload .sui-box__message {
opacity: 1;
visibility: visible;
z-index: 1;
pointer-events: all;
}
.sui-2-12-23 #forminator-reports .sui-box__message {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 5px 20px;
background-color: rgba(255,255,255,.7);
text-align: center;
opacity: 0;
visibility: hidden;
transition: .25s ease;
pointer-events: none;
}
.sui-2-12-23 #forminator-reports .sui-box__message p {
color: #888;
font: 500 12px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 #forminator-reports .sui-box__message p [class*=sui-icon-] {
vertical-align: text-bottom;
margin-right: 8px;
font-size: 16px;
}
.sui-2-12-23 #forminator-reports .sui-box__message p [class*=sui-icon-]:before {
display: block;
color: #888;
}
.sui-2-12-23 #forminator-reports .sui-box-header a [class*=sui-icon-]:before {
color: inherit;
}
.sui-2-12-23 #forminator-reports .sui-box-footer {
padding: 15px 30px;
}
.sui-2-12-23 #forminator-reports .sui-box-footer strong {
color: #999;
}
.sui-2-12-23 #forminator-reports .sui-box-footer p {
font-weight: 700;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports button.view-reports {
width: 100%;
margin-right: 0;
}
}
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field {
display: flex;
}
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field label {
margin-bottom: 0;
margin-right: 10px;
}
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon input {
font-size: 12px;
height: 30px;
padding: 7px 12px 7px 29px;
min-width: 220px;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon input {
min-width: 100%;
min-height: 100%;
}
}
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon [class*=sui-icon-] {
width: 12px;
height: 12px;
top: 8px;
left: 12px;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field .sui-control-with-icon {
flex: 1;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right .sui-form-field {
margin-top: 10px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports .fui-entries-bar .sui-actions-right {
display: block;
width: 100%;
}
}
.sui-2-12-23 #forminator-reports .sui-flushed {
margin-top: -20px;
}
.sui-2-12-23 #forminator-reports .sui-flushed .sui-table td {
padding-top: 20px;
padding-bottom: 20px;
}
.sui-2-12-23 #forminator-reports .sui-flushed .sui-table .fui-table-title {
font-weight: 700;
font-size: 12px;
line-height: 22px;
color: #999;
letter-spacing: normal;
text-transform: uppercase;
}
.sui-2-12-23 #forminator-reports .sui-flushed .sui-table .fui-table-content {
display: flex;
align-items: center;
font-weight: 500;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.25px;
color: #333;
margin-top: 5px;
}
.sui-2-12-23 #forminator-reports .sui-table-item-title .fui-app--wrapper {
color: #999;
}
.sui-2-12-23 #forminator-reports .forminator-reports-box .sui-box .sui-box-title [class*=sui-icon-] {
color: #888;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .notification-action {
margin-top: 30px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .forminator-default {
box-shadow: inset 3px 0 0 #888;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-checkbox {
margin-right: 10px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-notice {
margin-top: 30px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table th .sui-checkbox input+span+span {
font-size: 13px;
font-weight: bold;
color: #333;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table th,
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table td {
display: none;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table th:first-child,
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table th:last-child,
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table td:first-child,
.sui-2-12-23 #forminator-reports .forminator-notifications .sui-table td:last-child {
display: table-cell;
}
}
.sui-2-12-23 #forminator-reports .forminator-notifications .subscriber-wrapper {
display: flex;
align-items: center;
line-height: 1;
font-weight: 500;
color: #888;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .subscriber {
margin-right: 5px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .subscriber img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .report-name-wrapper {
display: flex;
align-items: center;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .report-name-wrapper>div {
width: 100%;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .report-name-wrapper .report-name {
color: #333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 15px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .report-name-wrapper .sui-tag.sui-tag-sm {
font-size: 9px;
line-height: 8px;
min-height: 12px;
padding: 0px 4px;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .schedule {
display: flex;
align-items: center;
justify-content: space-between;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .schedule .schedule-date {
flex: 1;
font-weight: 500;
font-size: 13px;
line-height: 22px;
letter-spacing: -0.25px;
color: #888;
}
.sui-2-12-23 #forminator-reports .forminator-notifications .schedule .sui-toggle {
width: 35px;
height: 22px;
margin-right: 10px;
}
.sui-2-12-23 .daterangepicker.show-ranges .ranges {
margin-bottom: 20px;
}
.sui-2-12-23 #report-tab-settings-content .sui-accordion {
margin-top: 30px;
margin-bottom: -30px;
}
@media (max-width: 782px) {
.sui-2-12-23 #report-tab-settings-content .sui-accordion {
margin-top: 20px;
margin-bottom: -20px;
}
}
.sui-2-12-23 .report-button-with-toggle {
display: flex;
align-items: center;
}
.sui-2-12-23 .report-button-with-toggle .sui-toggle {
margin-right: 30px;
}
.sui-2-12-23 .report-button-with-toggle .sui-toggle .sui-toggle-slider {
left: auto;
right: 0;
}
.sui-2-12-23 .report-button-with-toggle .sui-toggle .sui-toggle-slider~.sui-toggle-label {
margin-left: 0;
margin-right: 44px;
}
.sui-2-12-23 .forminator-geo-state-block {
max-height: 190px;
overflow: auto;
}
.sui-2-12-23 #forminator_report_geolocation_widget tbody {
display: block;
max-height: 300px;
overflow-y: auto;
}
.sui-2-12-23 #forminator_report_geolocation_widget thead,
.sui-2-12-23 #forminator_report_geolocation_widget table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
@media (max-width: 782px) {
.sui-2-12-23 #forminator-permissions .forminator-permissions-table {
overflow-x: scroll;
}
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .sui-table {
min-width: 740px;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .sui-table thead th {
height: auto;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table>.sui-accordion-header,
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .sui-accordion-item-header {
min-height: 0;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-head .fp-item-name {
font-weight: 500;
color: #333;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-col {
text-align: center;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-col .sui-icon-check::before {
color: #1abc9c;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-col .sui-icon-lock::before {
color: #ddd;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-box {
display: flex;
flex-direction: row;
align-items: center;
word-break: break-all;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-img {
display: flex;
flex: 0 0 30px;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
overflow: hidden;
background-color: #777;
background-color: #f8f8f8;
justify-content: center;
align-items: center;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-img>span {
line-height: 1;
margin-right: 0 !important;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-info {
display: flex;
flex-direction: column;
padding: 0 0 0 10px;
min-width: 0;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-info .sui-tooltip {
pointer-events: initial;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-role-info .sui-tooltip::after {
white-space: pre-line !important;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-subtitle,
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-name {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .fp-item-subtitle {
font-size: 12px;
font-weight: normal;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .permissions-checkboxes {
margin-top: 15px;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .permissions-checkboxes .sui-checkbox {
margin-bottom: 0 !important;
}
.sui-2-12-23 #forminator-permissions .forminator-permissions-table .permission-description {
padding-left: 25px;
margin-bottom: 10px !important;
}
.sui-2-12-23 #forminator-modal .permissions-checkboxes {
padding-top: 15px;
}
.sui-2-12-23 #forminator-modal .permissions-checkboxes>.sui-checkbox {
margin-bottom: 5px;
}
.sui-2-12-23 #forminator-modal .permissions-checkboxes>span {
padding-left: 26px;
padding-bottom: 10px;
margin: 0;
}
.sui-2-12-23 #forminator-modal.permissionDelete .sui-description b,
.sui-2-12-23 #forminator-modal.permissionDelete .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content .fui-app--description b,
.sui-2-12-23 .sui-wrap .fui-table--apps tbody tr.fui-app--promote .fui-app--content #forminator-modal.permissionDelete .fui-app--description b {
color: #666;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item {
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header {
min-height: auto;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title {
font-size: 13px;
line-height: 22px;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions {
width: 20px;
height: 20px;
margin-right: -39px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
text-align: center;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions [class*=sui-icon-] {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #fecf2f;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-header .sui-accordion-col-auto .fui-has_conditions [class*=sui-icon-]:before {
display: block;
color: inherit;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top: 1px solid #e6e6e6;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu {
padding: 0 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu {
padding: 0 30px;
}
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-content>.sui-tab-content {
padding: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-content>.sui-tab-content {
padding: 30px;
}
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-form-control,
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-multi-checkbox {
width: auto;
flex: 1 1 auto;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-field-suffix {
flex: 0 0 auto;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item .sui-accordion-item-body .sui-side-tabs.fui-plan-amount .sui-tabs-content .sui-tab-content .fui-fixed-plan .sui-error-message {
flex: 0 0 100%;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item:not(:last-child) {
margin: 0 0 15px;
}
.sui-2-12-23 .sui-wrap #fui-stripe-plans .sui-accordion-item.validation-error {
box-shadow: 0 2px 7px 0 rgba(0,0,0,.05),0 2px 0 0 #ff6d6d;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--address>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-accordion-flushed {
margin-top: -20px;
margin-bottom: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-modal-body--address>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-accordion-flushed {
margin-top: -30px;
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-modal.preview .forminator-geolocation-map-wrapper {
overflow-x: auto;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content .fui-modal-accordion {
margin-bottom: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content .fui-modal-accordion {
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row p:last-of-type {
margin-bottom: 20px;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row p:last-of-type:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row .sui-form-field.fui-reduce-spacing {
margin-top: 0;
margin-bottom: 20px;
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--postdata>.sui-tabs>.sui-tabs-content>.sui-tab-content>.sui-box-settings-row .sui-form-field.fui-reduce-spacing:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap #pdf-payment-modal.sui-accordion.sui-accordion-flushed.fui-modal-accordion-flushed {
margin: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #pdf-payment-modal.sui-accordion.sui-accordion-flushed.fui-modal-accordion-flushed {
margin: -30px;
}
}
.sui-2-12-23 .sui-wrap #forminator-modal-body--password .sui-accordion-flushed {
margin-bottom: -20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap #forminator-modal-body--password .sui-accordion-flushed {
margin-bottom: -30px;
}
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header {
display: block;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .sui-dialog-close {
position: absolute;
top: 15px;
right: 15px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image {
width: 60px;
height: 60px;
border-radius: 4px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image+.forminator-details-header--data {
margin-left: 20px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--image {
display: none;
flex: 0 0 auto;
}
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data {
text-align: left;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title {
margin: 0;
color: #333;
font: 700 22px/30px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title .sui-tag {
vertical-align: middle;
margin-top: -1px;
margin-left: 6px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--title+.forminator-details-header--tags {
margin-top: 10px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--tags {
display: flex;
flex-flow: row wrap;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data .forminator-details-header--tags+.sui-button {
margin-top: 20px;
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header .forminator-details-header--data {
min-width: 1px;
flex: 1;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header .forminator-details-header {
display: flex;
flex-flow: row wrap;
text-align: center;
}
}
@media (min-width: 783px) {
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-header {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] h4,
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] p,
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] li {
font-size: 13px;
line-height: 22px;
font: "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] p,
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] li {
color: #888;
font-weight: 400;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] h4 {
margin: 20px 0 0;
color: #333;
font-weight: bold;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] h4:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] p {
margin: 0 0 5px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] p:last-child {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] ol {
margin-top: 5px;
margin-left: 12px;
margin-bottom: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-details-] ol li {
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-features-] ul {
margin: 0;
padding: 0;
border: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-features-] ul li {
position: relative;
margin: 0;
padding: 10px 0 10px 22px;
border: 0;
color: #333;
font: bold 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-features-] ul li [class*=sui-icon-] {
position: absolute;
top: 15px;
left: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-features-] ul li [class*=sui-icon-]:before {
display: block;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog {
margin: 30px 0 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header {
display: flex;
flex-direction: row wrap;
align-items: center;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header h4 {
display: flex;
flex: 0 0 auto;
flex-direction: row wrap;
align-items: center;
margin: 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header h4+p {
margin-left: 10px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--header p {
flex: 1;
margin: 0;
color: #333;
font-weight: 500;
font-size: 13px;
line-height: 22px;
letter-spacing: -0.25px;
text-align: right;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--body {
margin: 15px 0 0;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog .forminator-addon-changelog--body p {
color: #888;
font: 400 13px/22px "Roboto",Arial,sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-23 .sui-wrap [id*=forminator-modal-addons-details-] .sui-box .sui-box-body [id*=tab-content-changelog-] .forminator-addon-changelog:first-child {
margin-top: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list {
display: flex;
flex-wrap: wrap;
gap: 10px 15px;
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list li {
flex: 45%;
max-width: 49%;
position: relative;
padding-left: 35px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .sui-modal-features-list li {
flex: 100%;
max-width: 100%;
}
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list li .sui-modal-list-icon {
font-size: 8px;
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
border-radius: 6px;
border: 1px solid #ddd;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list li .sui-modal-list-icon .sui-icon-check {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list li .sui-modal-list-icon .sui-icon-check:before {
color: #000;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list .sui-tag {
margin-top: 0px;
margin-left: 5px;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list h4 {
font-size: 12px;
line-height: 16px;
margin: 0;
}
.sui-2-12-23 .sui-wrap .sui-modal-features-list p {
font-size: 12px;
line-height: 20px;
margin: 0;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar {
background: #f8f8f8;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-row-with-sidenav {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-search-result {
font-size: 13px;
line-height: 20px;
margin-bottom: 30px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-search-result strong {
color: #333;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-template-message-box {
box-shadow: 0 2px 0 #e6e6e6;
margin-bottom: 30px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-template-image {
height: 150px;
margin: 10px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-template-image .forminator-template-image-wrapper {
height: 100%;
overflow: hidden;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-template-image .forminator-template-icon {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template.sui-hidden {
display: none !important;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector.sui-disabled {
background: #fff;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector.sui-disabled input~span {
border-left: 0;
border-right: 0;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector .forminator-template-name {
display: block;
border-top: 1px solid rgba(230,230,230,.5);
padding: 12px 20px;
font-size: 13px;
line-height: 30px;
font-weight: 500;
background: #fff;
transition: ease all .3s;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector:hover .forminator-template-name {
transform: translateY(-35px);
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector:hover .forminator-template-image .forminator-preview-cta,
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector:hover .forminator-card-cta {
opacity: 1;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector:hover .forminator-card-cta {
transform: translateY(-45px);
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector:hover .forminator-template-icon svg path {
fill: #17a8e3;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector .forminator-card-cta {
display: flex;
position: absolute;
left: 0;
right: 0;
opacity: 0;
overflow: hidden;
padding: 0 20px 12px;
transition: ease all .3s;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .sui-box-selector .forminator-card-cta .sui-button {
width: 100%;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .forminator-template-image {
position: relative;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .forminator-template-image .forminator-preview-cta {
position: absolute;
inset: -10px;
background: rgba(51,51,51,.95);
opacity: 0;
transition: ease all .1s;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-preset-template .forminator-template-image .forminator-preview-cta .sui-button {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template.sui-hidden {
display: none !important;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selectors {
min-height: 670px;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selectors {
min-height: 100%;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selectors ul li {
padding: 5px 10px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector {
display: flex;
gap: 5px;
padding: 15px 30px 15px 15px;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector {
flex-wrap: wrap;
padding: 15px;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector .forminator-template-name {
font-size: 13px;
font-weight: 500;
flex: 1;
color: #333;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector .forminator-icon {
align-self: center;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector .sui-button {
margin-left: auto;
opacity: 0;
pointer-events: none;
transition: ease all .3s;
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector .sui-button {
opacity: 1;
pointer-events: all;
flex-basis: 100%;
margin-top: 5px;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-saved-template .sui-box-selector:hover .sui-button {
opacity: 1;
pointer-events: all;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav {
border-right: 1px solid #e6e6e6;
padding: 30px 15px;
width: 250px;
background: #fff;
border-bottom-left-radius: 4px;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav {
width: 100%;
border: 0;
margin-bottom: 0;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .forminator-tag-number {
background: rgba(0,0,0,0);
font-size: 15px;
line-height: 20px;
top: 5px;
color: #666;
font-weight: 500;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .forminator-tag-pro {
top: 6px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .forminator-category {
border-top: 1px solid #e6e6e6;
padding-top: 30px;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .forminator-category .sui-vertical-tabs {
margin-bottom: 0;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .forminator-category .forminator-category-name {
padding: 5px 15px;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav .forminator-category .forminator-category-name {
padding: 5px 0;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav-content {
padding: 20px;
max-height: 710px;
overflow: auto;
}
@media (max-width: 1199px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav-content {
max-height: 470px;
}
}
@media (max-width: 782px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav-content {
max-height: 350px;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav-content .forminator-loading-state {
justify-content: center;
font-size: 13px;
line-height: 20px;
color: #888;
}
@media (min-width: 480px)and (max-width: 782px) {
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .sui-sidenav-content .forminator-preset-template .sui-box-selectors.sui-box-selectors-col-3 ul li {
min-width: 50%;
flex-basis: 50%;
}
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-loading-state {
display: flex;
padding: 10px 15px;
align-items: center;
gap: 10px;
font-weight: 500;
line-height: normal;
}
.sui-2-12-23 .sui-wrap .forminator-create-popup-sidebar .forminator-loading-state .sui-loading {
line-height: normal;
}
.sui-2-12-23 .sui-wrap .forminator-preview-image.sui-box-body {
padding: 0;
line-height: 0;
max-height: 700px;
overflow-y: scroll;
}
.sui-2-12-23 .sui-wrap .forminator-preview-image img {
width: 100%;
}
/*# sourceMappingURL=shared-ui.min.css.map*/
(function(){"use strict";const a={cache:{},scroller:{},items:JSON.parse(kadence_blocks_progress_bars.items),windowResize(){a?.items&&Object.keys(a?.items).forEach(function(b){a.updateContainer(a.items[b])})},updateContainer(b){const c=document.querySelectorAll(".kb-progress-bar-"+b.unique_id),d=[];if(c?.length)for(let e=0;ewindow.innerWidth?("line"===b.type&&(a.setAttribute("viewBox","0 0 100 "+b.stokeWidths[2]),d.setAttribute("d","M 0,"+b.stokeWidths[2]/2+" L 100,"+b.stokeWidths[2]/2),e.setAttribute("d","M 0,"+b.stokeWidths[2]/2+" L 100,"+b.stokeWidths[2]/2)),d.setAttribute("stroke-width",b.stokeWidths[2]),e.setAttribute("stroke-width",b.stokeWidths[2])):1025>window.innerWidth?("line"===b.type&&(a.setAttribute("viewBox","0 0 100 "+b.stokeWidths[1]),d.setAttribute("d","M 0,"+b.stokeWidths[1]/2+" L 100,"+b.stokeWidths[1]/2),e.setAttribute("d","M 0,"+b.stokeWidths[1]/2+" L 100,"+b.stokeWidths[1]/2)),d.setAttribute("stroke-width",b.stokeWidths[1]),e.setAttribute("stroke-width",b.stokeWidths[1])):("line"===b.type&&(a.setAttribute("viewBox","0 0 100 "+b.stokeWidths[0]),d.setAttribute("d","M 0,"+b.stokeWidths[0]/2+" L 100,"+b.stokeWidths[0]/2),e.setAttribute("d","M 0,"+b.stokeWidths[0]/2+" L 100,"+b.stokeWidths[0]/2)),d.setAttribute("stroke-width",b.stokeWidths[0]),e.setAttribute("stroke-width",b.stokeWidths[0]))},triggerAnimation(b,c,d){if(a.cache[d.simple_id][c]){const e=d?.prefix?a.stripHtml(d.prefix):"",f=d?.suffix?a.stripHtml(d.suffix):"";a.cache[d.simple_id][c].animate(d.progress_real/d.progress_max,{duration:1e3*d.duration,step(a,c){let g=0;const h=b.querySelector(".kb-current-progress-above"),i=b.querySelector(".kb-current-progress-inside"),j=b.querySelector(".kb-current-progress-below");g=d.is_relative?100*c.value():c.value()*d.progress_max,"one"===d.decimal?(g=Math.round(10*g)/10,g=g.toFixed(1)):"two"===d.decimal?(g=Math.round(100*g)/100,g=g.toFixed(2)):g=Math.round(g),h?h.innerHTML=e+g+f:i?i.innerHTML=e+g+f:j&&(j.innerHTML=e+g+f)}})}},initSingleBarElement(b,c,d){let e=768>window.innerWidth?d.stokeWidths?.[2]?d.stokeWidths[2]:2:1025>window.innerWidth?d.stokeWidths?.[1]?d.stokeWidths[1]:2:d.stokeWidths?.[0]?d.stokeWidths[0]:2;const f=b.querySelector(".kb-progress-bar"),g={color:d.progressColor,trailColor:d.barBackground,duration:1e3*d.duration,easing:d.easing,strokeWidth:e};switch(a.cache[d.simple_id]||(a.cache[d.simple_id]=[]),d.type){case"circle":a.cache[d.simple_id][c]=new ProgressBar.Circle(f,g);break;case"line":a.cache[d.simple_id][c]=new ProgressBar.Line(f,g);break;case"semicircle":a.cache[d.simple_id][c]=new ProgressBar.SemiCircle(f,g)}if(d.delay){a.scroller[d.simple_id]||(a.scroller[d.simple_id]=[]),a.scroller[d.simple_id][c]=new ScrollMagic.Controller;const e=new ScrollMagic.Scene({triggerElement:b});e.triggerHook(.88),e.addTo(a.scroller[d.simple_id][c]),e.on("start",function(){a.triggerAnimation(b,c,d)})}else a.triggerAnimation(b,c,d);b.classList.remove("kb-progress-bar-init")},initSingleBar(b){const c=document.querySelectorAll(".kb-progress-bar-container"+b.unique_id+".kb-progress-bar-init");if(c?.length)for(let d=0;d${a}`,"text/html");return b.body.textContent||""},initAll(){a?.items&&Object.keys(a?.items).forEach(function(b){a.initSingleBar(a.items[b])})},init(){if("undefined"!=typeof ProgressBar)a.initAll();else var b=setInterval(function(){"undefined"!=typeof ProgressBar&&(a.initAll(),clearInterval(b))},200)}};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",a.init):a.init(),document.addEventListener("kb-query-loaded",a.init),window.addEventListener("resize",a.windowResize,!1)})();