@charset "utf-8";

.page-settings-content.multi-lang-tab { max-width: 1000px; }

.main-content.multi-lang { padding: 0px 0px 30px 30px; }

.main-content.multi-lang .panel-title { color: rgb(92, 102, 118); }

.main-content.multi-lang .multi-lang-title { margin-bottom: 10px; }

.main-content.multi-lang .multi-lang-title .s-kit-sub-label { color: rgb(145, 156, 171); }

.main-content.multi-lang .multi-lang-title .only-hint-text { margin-top: 0px; }

.main-content.multi-lang .head-field-hint, .main-content.multi-lang .field-hint { margin-bottom: 20px; }

.main-content.multi-lang .head-field-hint p, .main-content.multi-lang .field-hint p { line-height: 1.45; color: rgb(92, 102, 118); font-size: 14px; }

.main-content.multi-lang .head-field-hint ul, .main-content.multi-lang .field-hint ul { padding-left: 20px; list-style: disc; }

.main-content.multi-lang .head-field-hint ul li, .main-content.multi-lang .field-hint ul li { line-height: 1.45; }

.main-content.multi-lang .head-field-hint { margin-bottom: 0px; }

.main-content.multi-lang .head-field-hint a { font-weight: 700; }

.main-content.multi-lang .onboarding-view { margin-top: 20px; }

.main-content.multi-lang .onboarding-view .preview-btn { margin-bottom: 28px; }

.main-content.multi-lang .multiple-language-bottom { display: flex; align-items: center; justify-content: space-between; margin: 10px 0px; }

.main-content.multi-lang .multiple-language-bottom .update-btn .fa { margin-left: 8px; }

.main-content.multi-lang .multiple-language-bottom .field-link.red { color: rgb(230, 71, 81); }

.main-content.multi-lang .multiple-language-bottom .field-link.red:hover { color: rgb(255, 106, 120); }

.main-content.multi-lang .multiple-language-bottom .field-link.red .fa { color: rgb(230, 71, 81); margin-right: 8px; }

.main-content.multi-lang .multiple-language-bottom .field-group { display: flex; align-items: center; margin-bottom: 0px; }

.main-content.multi-lang .multiple-language-bottom .field-group .error { margin-right: 20px; }

.main-content.multi-lang .content-label, .main-content.multi-lang .preview-label, .main-content.multi-lang .language-redirect .header { font-weight: bold; color: rgb(92, 102, 118); margin-top: 20px; margin-bottom: 5px; }

.main-content.multi-lang .content-label { margin-top: 0px; }

.main-content.multi-lang .setting-content .multi-lang-setting-container { position: relative; border-radius: 4px; border-bottom-width: 0px; }

.main-content.multi-lang .setting-content .multi-lang-setting-container.tip { border-bottom-width: 1px; }

.main-content.multi-lang .setting-content .multi-lang-setting-container.tip p { line-height: 1.45; color: rgb(92, 102, 118); }

.main-content.multi-lang .setting-content .multi-lang-setting-container .head-title { padding: 10px; display: flex; font-weight: bold; border-radius: 4px; border: 1px solid rgb(228, 232, 239); background-color: rgb(244, 246, 250); }

.main-content.multi-lang .setting-content .multi-lang-setting-container .field-items { display: flex; align-items: center; }

.main-content.multi-lang .setting-content .multi-lang-setting-container .s-setting-link-item { list-style: none; padding: 5px 11px; border-bottom: 1px solid rgb(228, 232, 239); }

.main-content.multi-lang .setting-content .multi-lang-setting-container .s-setting-link-item .field-column.close-btn { font-size: 24px; cursor: pointer; font-weight: 300; color: rgb(162, 172, 187); }

.main-content.multi-lang .setting-content .multi-lang-setting-container .error-items { width: 100%; }

.main-content.multi-lang .setting-content .multi-lang-setting-container .error-items .link-error { display: inline-block; margin-left: 30%; padding: 8px 0px; color: rgb(230, 71, 81); }

.main-content.multi-lang .setting-content .multi-lang-setting-container .add-language-btn { margin: 10px 0px 0px; }

.warning-banner.s-kit-alert { margin-top: 20px; }

.drag-button { width: 5%; cursor: grab; text-indent: 4px; color: rgb(228, 232, 239); }

.field-column { color: rgb(92, 102, 118); display: inline-block; }

.field-column.action { width: 5%; }

.field-column.label { width: 25%; display: flex; align-items: center; }

.field-column.label input { width: 130px; }

.field-column.name { width: 20%; }

.field-column.url { width: 35%; }

.field-column.icon { width: 10%; }

.s-loading { text-align: center; }

.s-loading .loading-icon.fa { position: absolute; top: 100px; font-size: 20px; }

.multi-lang-preview-container { background-color: rgb(247, 247, 247); border-radius: 4px; border: 1px solid rgb(217, 217, 217); padding: 16px; }

.multi-lang-preview-container .preview-nav-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; background-color: rgb(139, 180, 201); height: 60px; }

.multi-lang-preview-container .preview-nav-wrapper .nav-list { display: flex; align-items: center; margin-right: 10px; }

.multi-lang-preview-container .preview-nav-wrapper .nav-list li { margin-right: 20px; color: rgb(255, 255, 255); }

.multi-lang-preview-container .preview-nav-wrapper .nav-list li.flag { position: relative; }

.multi-lang-preview-container .preview-nav-wrapper .nav-list li.flag .nav-button { display: flex; align-items: center; }

.multi-lang-preview-container .preview-nav-wrapper .nav-list li.flag .nav-button * { cursor: inherit; }

.multi-lang-preview-container .link-content { display: flex; justify-content: flex-end; }

.multi-lang-preview-container .link-content .multi-lang-link-popover { margin-right: 10px; position: relative; margin-top: -10px; padding: 10px 10px 2px; background: rgb(255, 255, 255); box-shadow: rgba(92, 102, 118, 0.5) 0px 0px 1px, rgba(92, 102, 118, 0.25) -3px 3px 3px; border-radius: 4px; }

.multi-lang-preview-container .link-content .multi-lang-link-popover * { cursor: inherit; }

.multi-lang-preview-container .link-content .multi-lang-link-popover .arrow { position: absolute; right: 20px; margin-left: -8px; display: block; width: 0px; height: 0px; border-color: transparent transparent rgb(255, 255, 255); border-style: solid; top: -15px; border-width: 8px; }

.multi-lang-preview-container .link-content .multi-lang-link-popover .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent transparent rgb(255, 255, 255); border-style: solid; content: " "; top: 1px; margin-left: -7px; border-width: 7px; }

.multi-lang-preview-container .link-content .multi-lang-link-popover li { color: rgb(92, 102, 118); font-weight: 700; }

.multi-lang-preview-container .link-content .multi-lang-link-popover li .raw { display: flex; align-items: center; margin-bottom: 8px; }

.multi-lang-preview-container .link-content .multi-lang-link-popover li .raw .raw-label { margin-left: 10px; }

.country-flag-picker-overlay .s-kit-popover-inner { background: rgb(255, 255, 255) !important; }

.country-flag-picker-overlay .s-kit-popover-arrow::after { border-bottom-color: rgb(255, 255, 255) !important; }

.Setting__style__stylizedHelper { z-index: 3200; font-family: open_sans, "Open Sans", sans-serif; background-color: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -5px, rgba(0, 0, 0, 0.2) 0px -5px 5px -5px; }

.Setting__style__stylizedHelper.s-setting-link-item { list-style: none; padding: 5px 11px; }

.Setting__style__stylizedHelper.s-setting-link-item .field-items { display: flex; align-items: center; }

.Setting__style__stylizedHelper.s-setting-link-item .field-column { font-size: 14px; }

.Setting__style__stylizedHelper.s-setting-link-item .field-column.close-btn { font-size: 24px; cursor: pointer; font-weight: 300; color: rgb(162, 172, 187); }

.Setting__style__stylizedHelper.item-container { display: flex; align-items: flex-start; border-bottom: 1px solid rgb(228, 232, 239); }

.Setting__style__stylizedHelper.item-container .item-cell { color: rgb(92, 102, 118); font-size: 14px; line-height: 1.5; padding: 12px 15px; }

.Setting__style__stylizedHelper.item-container .item-cell .label { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Setting__style__stylizedHelper.item-container .item-cell .s-kit-select, .Setting__style__stylizedHelper.item-container .item-cell .s-kit-input, .Setting__style__stylizedHelper.item-container .item-cell .s-kit-btn { height: 36px; }

.Setting__style__stylizedHelper.item-container .item-cell.drag { width: 20px; text-align: center; }

.Setting__style__stylizedHelper.item-container .item-cell.drag .fa { cursor: grab; color: rgb(228, 232, 239); }

.Setting__style__stylizedHelper.item-container .item-cell.language, .Setting__style__stylizedHelper.item-container .item-cell.redirect { width: 250px; }

.Setting__style__stylizedHelper.item-container .item-cell.language select, .Setting__style__stylizedHelper.item-container .item-cell.redirect select { font-family: open_sans, "Open Sans", sans-serif; }

.Setting__style__stylizedHelper.item-container .item-cell.language { padding-left: 0px; }

.Setting__style__stylizedHelper.item-container .item-cell.redirect span { width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }

.Setting__style__stylizedHelper.item-container .item-cell.redirect span { width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }

.Setting__style__stylizedHelper.item-container .item-cell.actions { display: flex; align-items: center; }

.Setting__style__stylizedHelper.item-container .item-cell.actions span, .Setting__style__stylizedHelper.item-container .item-cell.actions button { margin: 0px; width: unset; }

.Setting__style__stylizedHelper.item-container .item-cell.actions span:first-of-type, .Setting__style__stylizedHelper.item-container .item-cell.actions button:first-of-type { margin-right: 10px; }

.Setting__style__stylizedHelper.item-container .item-cell.actions span .fas, .Setting__style__stylizedHelper.item-container .item-cell.actions button .fas { margin-right: 5px; }

.Setting__style__stylizedHelper.item-container .item-cell.actions span { cursor: pointer; color: rgb(162, 172, 187); text-decoration: underline; }

.Setting__style__stylizedHelper.item-container .item-cell.actions span .fas { color: inherit; }

.Setting__style__stylizedHelper.item-container .item-cell .error-msg { color: rgb(230, 71, 81); margin-top: 5px; }

.language-redirect { margin-top: 40px; }

.language-redirect > div { margin-bottom: 10px; }

.language-redirect .describe { color: rgb(145, 156, 171); line-height: 1.5; }

.language-redirect .s-kit-form-label .s-kit-label { color: rgb(71, 75, 86); }

.language-redirect .s-kit-form-label .s-kit-sub-label, .language-redirect .s-kit-form-label .s-kit-sub-label a { color: rgb(145, 156, 171); }

.language-redirect .language-redirect-container .item-container { display: flex; align-items: flex-start; border-bottom: 1px solid rgb(228, 232, 239); }

.language-redirect .language-redirect-container .item-container .item-cell { color: rgb(92, 102, 118); font-size: 14px; line-height: 1.5; padding: 12px 15px; }

.language-redirect .language-redirect-container .item-container .item-cell .label { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.language-redirect .language-redirect-container .item-container .item-cell .s-kit-select, .language-redirect .language-redirect-container .item-container .item-cell .s-kit-input, .language-redirect .language-redirect-container .item-container .item-cell .s-kit-btn { height: 36px; }

.language-redirect .language-redirect-container .item-container .item-cell.drag { width: 20px; text-align: center; }

.language-redirect .language-redirect-container .item-container .item-cell.drag .fa { cursor: grab; color: rgb(228, 232, 239); }

.language-redirect .language-redirect-container .item-container .item-cell.language, .language-redirect .language-redirect-container .item-container .item-cell.redirect { width: 250px; }

.language-redirect .language-redirect-container .item-container .item-cell.language select, .language-redirect .language-redirect-container .item-container .item-cell.redirect select { font-family: open_sans, "Open Sans", sans-serif; }

.language-redirect .language-redirect-container .item-container .item-cell.language { padding-left: 0px; }

.language-redirect .language-redirect-container .item-container .item-cell.redirect span { width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }

.language-redirect .language-redirect-container .item-container .item-cell.redirect span { width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }

.language-redirect .language-redirect-container .item-container .item-cell.actions { display: flex; align-items: center; }

.language-redirect .language-redirect-container .item-container .item-cell.actions span, .language-redirect .language-redirect-container .item-container .item-cell.actions button { margin: 0px; width: unset; }

.language-redirect .language-redirect-container .item-container .item-cell.actions span:first-of-type, .language-redirect .language-redirect-container .item-container .item-cell.actions button:first-of-type { margin-right: 10px; }

.language-redirect .language-redirect-container .item-container .item-cell.actions span .fas, .language-redirect .language-redirect-container .item-container .item-cell.actions button .fas { margin-right: 5px; }

.language-redirect .language-redirect-container .item-container .item-cell.actions span { cursor: pointer; color: rgb(162, 172, 187); text-decoration: underline; }

.language-redirect .language-redirect-container .item-container .item-cell.actions span .fas { color: inherit; }

.language-redirect .language-redirect-container .item-container .item-cell .error-msg { color: rgb(230, 71, 81); margin-top: 5px; }

.language-redirect .language-redirect-container .head-container { font-weight: bold; border-radius: 4px; border: 1px solid rgb(228, 232, 239); background-color: rgb(244, 246, 250); }

.language-redirect .language-redirect-container .head-container .item-container { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.language-redirect .language-redirect-container .head-container .item-container .item-cell { padding: 10px 15px; }

.language-redirect .language-redirect-container .head-container .item-container .item-cell.language { padding-left: 0px; }

.language-redirect .add-btn { text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.language-redirect .s-kit-tooltip-inner-content { max-width: 250px; }