/*!*************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/rc-pagination/assets/index.css ***! \*************************************************************************************************************************************************************************************************/ .rc-pagination { margin: 0; padding: 0; font-size: 14px; } .rc-pagination ul, .rc-pagination ol { margin: 0; padding: 0; list-style: none; } .rc-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .rc-pagination-total-text { display: inline-block; height: 28px; margin-right: 8px; line-height: 26px; vertical-align: middle; } .rc-pagination-item { display: inline-block; min-width: 28px; height: 28px; margin-right: 8px; font-family: Arial; line-height: 26px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; -webkit-user-select: none; user-select: none; } .rc-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .rc-pagination-item a:hover { text-decoration: none; } .rc-pagination-item:focus, .rc-pagination-item:hover { border-color: #1890ff; transition: all 0.3s; } .rc-pagination-item:focus a, .rc-pagination-item:hover a { color: #1890ff; } .rc-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .rc-pagination-item-active a { color: #1890ff; } .rc-pagination-item-active:focus, .rc-pagination-item-active:hover { border-color: #40a9ff; } .rc-pagination-item-active:focus a, .rc-pagination-item-active:hover a { color: #40a9ff; } .rc-pagination-jump-prev, .rc-pagination-jump-next { outline: 0; } .rc-pagination-jump-prev button, .rc-pagination-jump-next button { background: transparent; border: none; cursor: pointer; color: #666; } .rc-pagination-jump-prev button:after, .rc-pagination-jump-next button:after { display: block; content: '•••'; } .rc-pagination-prev, .rc-pagination-jump-prev, .rc-pagination-jump-next { margin-right: 8px; } .rc-pagination-prev, .rc-pagination-next, .rc-pagination-jump-prev, .rc-pagination-jump-next { display: inline-block; min-width: 28px; height: 28px; color: rgba(0, 0, 0, 0.85); font-family: Arial; line-height: 28px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .rc-pagination-prev, .rc-pagination-next { outline: 0; } .rc-pagination-prev button, .rc-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; -webkit-user-select: none; user-select: none; } .rc-pagination-prev:hover button, .rc-pagination-next:hover button { border-color: #40a9ff; } .rc-pagination-prev .rc-pagination-item-link, .rc-pagination-next .rc-pagination-item-link { display: block; width: 100%; height: 100%; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .rc-pagination-prev:focus .rc-pagination-item-link, .rc-pagination-next:focus .rc-pagination-item-link, .rc-pagination-prev:hover .rc-pagination-item-link, .rc-pagination-next:hover .rc-pagination-item-link { color: #1890ff; border-color: #1890ff; } .rc-pagination-prev button:after { content: '‹'; display: block; } .rc-pagination-next button:after { content: '›'; display: block; } .rc-pagination-disabled, .rc-pagination-disabled:hover, .rc-pagination-disabled:focus { cursor: not-allowed; } .rc-pagination-disabled .rc-pagination-item-link, .rc-pagination-disabled:hover .rc-pagination-item-link, .rc-pagination-disabled:focus .rc-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .rc-pagination-slash { margin: 0 10px 0 5px; } .rc-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .rc-pagination-options *::-ms-backdrop, .rc-pagination-options { vertical-align: top; } } .rc-pagination-options-size-changer.rc-select { display: inline-block; width: auto; margin-right: 8px; } .rc-pagination-options-quick-jumper { display: inline-block; height: 28px; line-height: 28px; vertical-align: top; } .rc-pagination-options-quick-jumper input { width: 50px; margin: 0 8px; } .rc-pagination-simple .rc-pagination-prev, .rc-pagination-simple .rc-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link, .rc-pagination-simple .rc-pagination-next .rc-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link::after, .rc-pagination-simple .rc-pagination-next .rc-pagination-item-link::after { height: 24px; line-height: 24px; } .rc-pagination-simple .rc-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .rc-pagination-simple .rc-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .rc-pagination-simple .rc-pagination-simple-pager input:hover { border-color: #1890ff; } .rc-pagination.rc-pagination-disabled { cursor: not-allowed; } .rc-pagination.rc-pagination-disabled .rc-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .rc-pagination.rc-pagination-disabled .rc-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .rc-pagination.rc-pagination-disabled .rc-pagination-item-active { background: #dbdbdb; border-color: transparent; } .rc-pagination.rc-pagination-disabled .rc-pagination-item-active a { color: #fff; } .rc-pagination.rc-pagination-disabled .rc-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .rc-pagination.rc-pagination-disabled .rc-pagination-item-link-icon { opacity: 0; } .rc-pagination.rc-pagination-disabled .rc-pagination-item-ellipsis { opacity: 1; } @media only screen and (max-width: 992px) { .rc-pagination-item-after-jump-prev, .rc-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .rc-pagination-options { display: none; } } /*!*******************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css ***! \*******************************************************************************************************************************************************************************************************************/ .rdw-option-wrapper { border: 1px solid #F1F1F1; padding: 5px; min-width: 25px; height: 20px; border-radius: 2px; margin: 0 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: white; text-transform: capitalize; } .rdw-option-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-option-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-disabled { opacity: 0.3; cursor: default; } .rdw-dropdown-wrapper { height: 30px; background: white; cursor: pointer; border: 1px solid #F1F1F1; border-radius: 2px; margin: 0 3px; text-transform: capitalize; background: white; } .rdw-dropdown-wrapper:focus { outline: none; } .rdw-dropdown-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdown-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-dropdown-carettoopen { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-carettoclose { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-bottom: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-selectedtext { display: flex; position: relative; height: 100%; align-items: center; padding: 0 5px; } .rdw-dropdown-optionwrapper { z-index: 100; position: relative; border: 1px solid #F1F1F1; width: 98%; background: white; border-radius: 2px; margin: 0; padding: 0; max-height: 250px; overflow-y: scroll; } .rdw-dropdown-optionwrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdownoption-default { min-height: 25px; display: flex; align-items: center; padding: 0 5px; } .rdw-dropdownoption-highlighted { background: #F1F1F1; } .rdw-dropdownoption-active { background: #f5f5f5; } .rdw-dropdownoption-disabled { opacity: 0.3; cursor: default; } .rdw-inline-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-inline-dropdown { width: 50px; } .rdw-inline-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-block-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-block-dropdown { width: 110px; } .rdw-fontsize-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-fontsize-dropdown { min-width: 40px; } .rdw-fontsize-option { display: flex; justify-content: center; } .rdw-fontfamily-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-fontfamily-dropdown { width: 115px; } .rdw-fontfamily-placeholder { white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; } .rdw-fontfamily-optionwrapper { width: 140px; } .rdw-list-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-list-dropdown { width: 50px; z-index: 90; } .rdw-list-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-text-align-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-text-align-dropdown { width: 50px; z-index: 90; } .rdw-text-align-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-right-aligned-block { text-align: right; } .rdw-left-aligned-block { text-align: left !important; } .rdw-center-aligned-block { text-align: center !important; } .rdw-justify-aligned-block { text-align: justify !important; } .rdw-right-aligned-block > div { display: inline-block; } .rdw-left-aligned-block > div { display: inline-block; } .rdw-center-aligned-block > div { display: inline-block; } .rdw-justify-aligned-block > div { display: inline-block; } .rdw-colorpicker-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-colorpicker-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 175px; height: 175px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-colorpicker-modal-header { display: flex; padding-bottom: 5px; } .rdw-colorpicker-modal-style-label { font-size: 15px; width: 50%; text-align: center; cursor: pointer; padding: 0 10px 5px; } .rdw-colorpicker-modal-style-label-active { border-bottom: 2px solid #0a66b7; } .rdw-colorpicker-modal-options { margin: 5px auto; display: flex; width: 100%; height: 100%; flex-wrap: wrap; overflow: scroll; } .rdw-colorpicker-cube { width: 22px; height: 22px; border: 1px solid #F1F1F1; } .rdw-colorpicker-option { margin: 3px; padding: 0; min-height: 20px; border: none; width: 22px; height: 22px; min-width: 22px; box-shadow: 1px 2px 1px #BFBDBD inset; } .rdw-colorpicker-option:hover { box-shadow: 1px 2px 1px #BFBDBD; } .rdw-colorpicker-option:active { box-shadow: -1px -2px 1px #BFBDBD; } .rdw-colorpicker-option-active { box-shadow: 0px 0px 2px 2px #BFBDBD; } .rdw-link-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-link-dropdown { width: 50px; } .rdw-link-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-link-dropdownPlaceholder { margin-left: 8px; } .rdw-link-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 205px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-link-modal-label { font-size: 15px; } .rdw-link-modal-input { margin-top: 5px; border-radius: 2px; border: 1px solid #F1F1F1; height: 25px; margin-bottom: 15px; padding: 0 5px; } .rdw-link-modal-input:focus { outline: none; } .rdw-link-modal-buttonsection { margin: 0 auto; } .rdw-link-modal-target-option { margin-bottom: 20px; } .rdw-link-modal-target-option > span { margin-left: 5px; } .rdw-link-modal-btn { margin-left: 10px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-link-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-link-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-link-modal-btn:focus { outline: none !important; } .rdw-link-modal-btn:disabled { background: #ece9e9; } .rdw-link-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-embedded-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-embedded-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; justify-content: space-between; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-embedded-modal-header { font-size: 15px; display: flex; } .rdw-embedded-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-embedded-modal-header-label { width: 95px; border: 1px solid #f1f1f1; margin-top: 5px; background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-embedded-modal-link-section { display: flex; flex-direction: column; } .rdw-embedded-modal-link-input { width: 88%; height: 35px; margin: 10px 0; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-embedded-modal-link-input-wrapper { display: flex; align-items: center; } .rdw-embedded-modal-link-input:focus { outline: none; } .rdw-embedded-modal-btn-section { display: flex; justify-content: center; } .rdw-embedded-modal-btn { margin: 0 3px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-embedded-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-embedded-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-embedded-modal-btn:focus { outline: none !important; } .rdw-embedded-modal-btn:disabled { background: #ece9e9; } .rdw-embedded-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-embedded-modal-size-input { width: 80%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-embedded-modal-size-input:focus { outline: none; } .rdw-emoji-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-emoji-modal { overflow: auto; position: absolute; top: 35px; left: 5px; display: flex; flex-wrap: wrap; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-emoji-icon { margin: 2.5px; height: 24px; width: 24px; cursor: pointer; font-size: 22px; display: flex; justify-content: center; align-items: center; } .rdw-spinner { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .rdw-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .rdw-spinner .rdw-bounce1 { animation-delay: -0.32s; } .rdw-spinner .rdw-bounce2 { animation-delay: -0.16s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } .rdw-image-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-image-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-image-modal-header { font-size: 15px; margin: 10px 0; display: flex; } .rdw-image-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-image-modal-header-label { width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; margin-top: 5px; } .rdw-image-modal-header-label-highlighted { background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-image-modal-upload-option { width: 100%; color: gray; cursor: pointer; display: flex; border: none; font-size: 15px; align-items: center; justify-content: center; background-color: #f1f1f1; outline: 2px dashed gray; outline-offset: -10px; margin: 10px 0; padding: 9px 0; } .rdw-image-modal-upload-option-highlighted { outline: 2px dashed #0a66b7; } .rdw-image-modal-upload-option-label { cursor: pointer; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .rdw-image-modal-upload-option-label span{ padding: 0 20px; } .rdw-image-modal-upload-option-image-preview { max-width: 100%; max-height: 200px; } .rdw-image-modal-upload-option-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .rdw-image-modal-url-section { display: flex; align-items: center; } .rdw-image-modal-url-input { width: 90%; height: 35px; margin: 15px 0 12px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-image-modal-btn-section { margin: 10px auto 0; } .rdw-image-modal-url-input:focus { outline: none; } .rdw-image-modal-btn { margin: 0 5px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-image-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-image-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-image-modal-btn:focus { outline: none !important; } .rdw-image-modal-btn:disabled { background: #ece9e9; } .rdw-image-modal-spinner { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; opacity: 0.5; } .rdw-image-modal-alt-input { width: 70%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; margin-left: 5px; } .rdw-image-modal-alt-input:focus { outline: none; } .rdw-image-modal-alt-lbl { font-size: 12px; } .rdw-image-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-image-modal-size-input { width: 40%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-image-modal-size-input:focus { outline: none; } .rdw-image-mandatory-sign { color: red; margin-left: 3px; margin-right: 3px; } .rdw-remove-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-history-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-history-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-link-decorator-wrapper { position: relative; } .rdw-link-decorator-icon { position: absolute; left: 40%; top: 0; cursor: pointer; background-color: white; } .rdw-mention-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-suggestion-wrapper { position: relative; } .rdw-suggestion-dropdown { position: absolute; display: flex; flex-direction: column; border: 1px solid #F1F1F1; min-width: 100px; max-height: 150px; overflow: auto; background: white; z-index: 100; } .rdw-suggestion-option { padding: 7px 5px; border-bottom: 1px solid #f1f1f1; } .rdw-suggestion-option-active { background-color: #F1F1F1; } .rdw-hashtag-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-image-alignment-options-popup { position: absolute; background: white; display: flex; padding: 5px 2px; border-radius: 2px; border: 1px solid #F1F1F1; width: 105px; cursor: pointer; z-index: 100; } .rdw-alignment-option-left { justify-content: flex-start; } .rdw-image-alignment-option { height: 15px; width: 15px; min-width: 15px; } .rdw-image-alignment { position: relative; } .rdw-image-imagewrapper { position: relative; } .rdw-image-center { display: flex; justify-content: center; } .rdw-image-left { display: flex; } .rdw-image-right { display: flex; justify-content: flex-end; } .rdw-image-alignment-options-popup-right { right: 0; } .rdw-editor-main { height: 100%; overflow: auto; box-sizing: border-box; } .rdw-editor-toolbar { padding: 6px 5px 0; border-radius: 2px; border: 1px solid #F1F1F1; display: flex; justify-content: flex-start; background: white; flex-wrap: wrap; font-size: 15px; margin-bottom: 5px; -webkit-user-select: none; user-select: none; } .public-DraftStyleDefault-block { margin: 1em 0; } .rdw-editor-wrapper:focus { outline: none; } .rdw-editor-wrapper { box-sizing: content-box; } .rdw-editor-main blockquote { border-left: 5px solid #f1f1f1; padding-left: 5px; } .rdw-editor-main pre { background: #f1f1f1; border-radius: 3px; padding: 1px 10px; } /** * Draft v0.9.1 * * Copyright (c) 2013-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4} /*# sourceMappingURL=react-draft-wysiwyg.css.map*/ /*!***************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./react-src/admin/glossaries/assets/scss/bd-faq.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .betterdocs_page_betterdocs-faq { background: #f5f6fb; } .betterdocs_page_betterdocs-faq.swal2-height-auto { height: inherit !important; } .betterdocs-faq-wrapper { display: flex; flex-direction: column; /* toggler */ } .betterdocs-faq-wrapper .bd-faq-header { height: auto; background: #fff; -webkit-display: flex; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 15px; border: 1px solid #e7ebf3; box-sizing: border-box; border-radius: 5px; } .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left { display: flex; flex: 1 1 auto; align-content: center; align-items: center; } .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .betterdocs-admin-logo-inline { padding: 25px 0 20px 23px; } .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .betterdocs-admin-logo-inline svg { width: auto; height: 35px; transform: translateY(-3px); } .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .title { font-size: 18px; color: #23282d; font-weight: 500; margin: 0px; padding-left: 5px; line-height: 1; } .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-right { flex: 1 1 auto; text-align: right; display: flex; gap: 15px; justify-content: flex-end; padding-right: 25px; } .betterdocs-faq-wrapper .bd-faq-button-group { display: flex; column-gap: 20px; row-gap: 10px; flex-wrap: wrap; } .betterdocs-faq-wrapper .bd-faq-button-group.direction-column { flex-direction: column; } .betterdocs-faq-wrapper .bd-faq-button { display: flex; min-height: 36px; padding: 2px 15px; border-radius: 3px; justify-content: center; align-items: center; background-color: #f1fff9; background-image: none; color: #15c7a4; border: 1px solid #15c7a4; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.3s ease 0s; text-decoration: none; box-sizing: border-box; } .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon { width: 16px; display: inline-flex; align-items: center; transform: translateX(-4px); margin-right: 4px; } .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon img, .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon svg { max-width: 100%; color: #15c7a4; fill: #15c7a4; transition: all 0.3s ease 0s; } .betterdocs-faq-wrapper .bd-faq-button:hover { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%); color: #fff; border-color: transparent; } .betterdocs-faq-wrapper .bd-faq-button:hover .bd-faq-icon img, .betterdocs-faq-wrapper .bd-faq-button:hover .bd-faq-icon svg { color: #fff; fill: #fff; } .betterdocs-faq-wrapper .bd-faq-button.button-danger { color: #f23759; border: 1px solid #f23759; background-color: #fff4f6; } .betterdocs-faq-wrapper .bd-faq-button.button-danger:hover { background-color: #f23759; color: #fff; background-image: -webkit-linear-gradient(-169deg, #f673a3 0%, #f23759 100%) !important; } .betterdocs-faq-wrapper .bd-faq-button.button-success { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important; } .betterdocs-faq-wrapper .bd-faq-button.button-success .bd-faq-icon img, .betterdocs-faq-wrapper .bd-faq-button.button-success .bd-faq-icon svg { color: #fff !important; fill: #fff !important; } .betterdocs-faq-wrapper .bd-faq-button.button-success:hover { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #31da8d 0%, #15c7a4 100%) !important; } .betterdocs-faq-wrapper .bd-faq-label { font-size: 14px; font-weight: 500; color: #626b77; cursor: initial; } .betterdocs-faq-wrapper .bd-faq-label[required]:after { content: "*"; margin-left: 5px; margin-top: 5px; color: #f23759; } .betterdocs-faq-wrapper .bd-faq-input { height: 40px; border: 1px solid #e7ebf3; background: #e7ebf3; width: 100%; color: #252525; padding: 5px 15px; font-size: 14px; outline: none; box-shadow: none; border-radius: 5px; } .betterdocs-faq-wrapper .bd-faq-input::placeholder { color: #626b77; } .betterdocs-faq-wrapper .bd-faq-input:not(:read-only) { cursor: pointer; } .betterdocs-faq-wrapper .bd-faq-input:not(:read-only):focus { border-color: rgba(49, 218, 141, 0.5); outline: none; box-shadow: none; } .betterdocs-faq-wrapper .bd-faq-input:read-only { cursor: initial; } .betterdocs-faq-wrapper .bd-faq-textarea { cursor: pointer; border: 1px solid #e7ebf3; background: #e7ebf3; width: 100%; color: #252525; padding: 10px 15px; font-size: 14px; outline: none; box-shadow: none; min-height: 100px; } .betterdocs-faq-wrapper .bd-faq-textarea::placeholder { color: #626b77; } .betterdocs-faq-wrapper .bd-faq-textarea:focus { border-color: rgba(49, 218, 141, 0.5); outline: none; box-shadow: none; } .betterdocs-faq-wrapper .bd-faq-select { z-index: 2; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control { border: 1px solid #e7ebf3; background: #e7ebf3; height: 40px; border-radius: 5px; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__value-container { padding: 0 15px; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__input:focus { box-shadow: none; outline: none; border: none; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__indicator-separator { background: #626b77; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__indicator { color: #626b77; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused { border-color: rgba(49, 218, 141, 0.5); outline: none; box-shadow: none; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused .bd-faq-select__indicator-separator { background: #31da8d; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused .bd-faq-select__indicator { color: #31da8d; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu { box-shadow: none; border: 1px solid #e7ebf3; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__menu-list { max-height: 200px; overflow: auto; scrollbar-width: 0; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__menu-list::-webkit-scrollbar { width: 0; } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__option--is-focused { background: rgba(49, 218, 141, 0.1); } .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__option--is-selected { background: #31da8d; } .betterdocs-faq-wrapper .bd-faq-editor { height: 200px; } .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-toolbar { margin-bottom: 0px; border: 1px solid #e7ebf3; border-radius: 5px 5px 0 0; } .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-main { height: calc(100% - 46px); padding: 0px 15px; box-sizing: border-box; border: 1px solid #e7ebf3; background: #e7ebf3; border-top: 0px; border-radius: 0 0 5px 5px; font-size: 14px; } .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-main .public-DraftEditorPlaceholder-root { color: #626b77; } .betterdocs-faq-wrapper .bd-faq-editor:focus-within .bd-faq-editor-toolbar { border-color: rgba(49, 218, 141, 0.5); } .betterdocs-faq-wrapper .bd-faq-editor:focus-within .bd-faq-editor-main { border-color: rgba(49, 218, 141, 0.5); } .betterdocs-faq-wrapper .bd-faq-toggler { position: relative; width: 48px; height: 25px; overflow: hidden; border-radius: 20px; } .betterdocs-faq-wrapper .bd-faq-toggler .checkbox { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3; } .betterdocs-faq-wrapper .bd-faq-toggler .knobs { z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .betterdocs-faq-wrapper .bd-faq-toggler .layer { width: 100%; background-color: #f23759; transition: 0.3s ease all; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .betterdocs-faq-wrapper .bd-faq-toggler .knobs:before { position: absolute; top: 4px; width: 9px; height: 7px; font-size: 10px; font-weight: bold; text-align: center; line-height: 1; padding: 5px 4px; border-radius: 2px; transition: 0.3s ease all; border-radius: 20px; } .betterdocs-faq-wrapper .bd-faq-toggler .knobs:before { content: ""; left: 5px; background-color: #fff; } .betterdocs-faq-wrapper .bd-faq-toggler .checkbox:checked + .knobs:before { left: 26px; background-color: #fff; } .betterdocs-faq-wrapper .bd-faq-toggler .checkbox:checked ~ .layer { background-color: #15c7a4; } .betterdocs-faq-wrapper .bd-error-message { font-size: 13px; color: #f23759; margin: 0; } .betterdocs-faq-wrapper .btd-pagination-wrapper { display: flex; align-items: center; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination { display: flex; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination > *:not(:last-child) { margin-right: 5px; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination:after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ""; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-total-text { display: flex; align-items: center; justify-content: center; height: 24px; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item { display: flex; min-width: 30px; height: 30px; font-size: 14px; font-weight: 500; color: #23282d; cursor: pointer; -webkit-user-select: none; user-select: none; border-radius: 3px; padding: 5px; box-sizing: border-box; background: #fff; border: 1px solid #e7ebf3; transition: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item button, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item a { display: inline-flex; justify-content: center; align-items: center; width: 100%; color: #23282d; transition: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item-active, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:hover { background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%); border-color: #20bf91; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:focus a, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item-active a, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:hover a { color: #fff; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next { cursor: pointer; border-radius: 3px; -webkit-user-select: none; user-select: none; background: transparent; border: 1px solid transparent; transition: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev button, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next button { background: none; border-color: transparent; cursor: pointer; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next button:after { display: block; content: "•••"; color: #23282d; font-size: 14px; transition: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover { background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%); border-color: #20bf91; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover .rc-pagination-item-link:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover button:after { color: #fff; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next { display: flex; justify-content: center; align-items: center; min-width: 30px; height: 30px; color: #23282d; cursor: pointer; font-size: 14px; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev button, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next button { cursor: pointer; -webkit-user-select: none; user-select: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #29c985; background: #fff; border: 1px solid #e7ebf3; transition: none; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:focus .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:hover .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:focus .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:hover .rc-pagination-item-link { background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%); border-color: #20bf91; color: #fff; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:focus:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev-active:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:hover:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:focus:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next-active:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:hover:not([aria-disabled=true]) { background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%); border-radius: 3px; color: #fff; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev button:after { font-size: 18px; display: inline-block; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next button:after { font-size: 18px; display: block; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled { color: #a7b6c7; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled:hover, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled:focus { cursor: not-allowed; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next { height: 30px; display: flex; align-items: center; justify-content: center; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link { height: 24px; } .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link::after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link::after { height: 24px; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard { min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid #e7ebf3; border-radius: 5px; padding: 50px; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon { height: 120px; width: 120px; flex-shrink: 1; border-radius: 50%; background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #37de89 100%); display: flex; align-items: center; justify-content: center; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon img, .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon svg { max-width: 100%; width: 75px; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-dashboard-title { font-size: 20px; font-weight: 400; margin-top: 20px; margin-bottom: 0; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-dashboard-desc { font-size: 16px; font-weight: 400; margin-top: 10px; margin-bottom: 0; color: #626b77; } .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-button-group { justify-content: center; margin-top: 20px; } .betterdocs-faq-wrapper .bd-faq-create-new { background: #fff; border: 1px solid #e7ebf3; border-radius: 5px; display: flex; flex-direction: column; } .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-body { display: flex; flex-direction: column; justify-content: center; padding: 15px 20px 20px; gap: 10px; } .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-body .bd-faq-cgt-field { display: flex; flex-direction: column; gap: 5px; } .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 20px; display: flex; justify-content: flex-end; } .betterdocs-faq-wrapper .bd-faq-ctg-list { display: flex; flex-direction: column; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg { background: #e7ebf3; border: 1px solid #e7ebf3; border-radius: 5px; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head { display: flex; align-items: center; background: #fff; padding: 0 20px; border-radius: 5px; gap: 15px; min-height: 56px; box-sizing: border-box; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-title { font-size: 18px; line-height: 50px; margin: 0; color: #252525; flex: 1; cursor: pointer; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-button-reset { background: transparent; border: none; padding: 0; display: flex; align-items: center; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-drag-button svg, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-drag-button img { width: 16px; color: #a0a8b2; fill: #a0a8b2; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button { cursor: pointer; margin-left: 5px; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button img, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button svg { width: 16px; color: #a0a8b2; fill: #a0a8b2; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button:hover img, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button:hover svg { color: #252525; fill: #252525; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon { background: #e7ebf3; border: 1px solid #e7ebf3; height: 24px; width: 24px; min-height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: all 0.3s ease; margin-left: 5px; transform: rotate(0deg); } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon img, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon svg { width: 11px; margin-top: 1px; color: #626b77; fill: #626b77; transition: all 0.1s ease-in-out; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active { background: #15c7a4; border: 1px solid #15c7a4; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover img, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover svg, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active img, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active svg { color: #fff; fill: #fff; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active { transform: rotate(180deg); } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body { background: #e7ebf3; overflow-y: auto; overflow-x: hidden; transition: grid-template-rows 0.1s linear; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: grid; grid-template-rows: 0fr; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body.active { grid-template-rows: 1fr; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body .bd-faq-category-body-inner { padding: 15px 15px; display: flex; flex-direction: column; padding-bottom: 5px; max-height: 575px; overflow-y: auto; } .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg-list-droppable .bd-faq-ctg { margin-bottom: 15px; } .betterdocs-faq-wrapper .bd-faq { display: flex; flex-direction: column; background: #dfe6f4; border: 2px solid #fff; border-radius: 5px; margin-bottom: 10px; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head { display: flex; align-items: center; gap: 10px; padding: 0 20px; background: #fff; border-radius: 2px; min-height: 44px; box-sizing: border-box; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-title { font-size: 16px; line-height: 40px; margin: 0; color: #252525; flex: 1; cursor: pointer; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-button-reset { background: transparent; border: none; padding: 0; display: flex; align-items: center; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-drag-button svg, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-drag-button img { width: 14px; color: #a0a8b2; fill: #a0a8b2; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button { cursor: pointer; margin-left: 7px; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button img, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button svg { width: 14px; color: #a0a8b2; fill: #a0a8b2; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button:hover img, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button:hover svg { color: #252525; fill: #252525; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button.magic-icon svg { color: #a0a8b2; fill: none !important; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button.magic-icon:hover svg path { stroke: #252525 !important; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon { background: #e7ebf3; border: 1px solid #e7ebf3; height: 20px; width: 20px; min-height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: all 0.1s ease-in-out; margin-left: 5px; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon img, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon svg { width: 8px; margin-top: 1px; color: #626b77; fill: #626b77; transition: all 0.1s ease-in-out; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active { background: #15c7a4; border: 1px solid #15c7a4; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover img, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover svg, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active img, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active svg { color: #fff; fill: #fff; } .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active { transform: rotate(180deg); } .betterdocs-faq-wrapper .bd-faq .bd-faq-body { background: #dfe6f4; border-radius: 10px; transition: height 0.1s linear; overflow: hidden; max-height: 555px; } .betterdocs-faq-wrapper .bd-faq .bd-faq-body:not(.active) { max-height: 0; } .betterdocs-faq-wrapper .bd-faq .bd-faq-body .bd-faq-body-inner { padding: 15px; display: flex; flex-direction: column; gap: 10px; } .betterdocs-faq-wrapper .bd-faq-loader { height: 250px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .betterdocs-faq-wrapper .bd-faq-loader svg { height: 25px; width: auto; animation: identifier 1.5s linear infinite; padding-bottom: 1.5px; fill: #a0a8b2; } .betterdocs-faq-wrapper .bd-faq-loader .bd-title { font-size: 20px; font-weight: 400; margin-top: 10px; margin-bottom: 0; color: #a0a8b2; } @keyframes identifier { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .betterdocs-faq-wrapper .bd-empty-faq-category { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin: 0 auto; padding: 30px 0; background: #fff; width: 100%; margin-bottom: 5px; border-radius: 10px; } .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon { height: 120px; width: 120px; flex-shrink: 1; border-radius: 50%; background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #37de89 100%); display: flex; align-items: center; justify-content: center; } .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon img, .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon svg { max-width: 100%; width: 75px; } .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-title { font-size: 20px; font-weight: 400; margin-top: 20px; margin-bottom: 0; } .bd-faq-ctg-modal .bd-faq-ctg-header { background: #fff; padding: 20px 30px; display: flex; align-items: center; gap: 10px; } .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-ctg-title { font-size: 20px; font-weight: 500; color: #23282d; margin: 0; } .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button { margin-left: auto; border: none; background: transparent; display: flex; align-items: center; background: #e7ebf3; padding: 5px; border-radius: 2px; cursor: pointer; } .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button img, .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button svg { color: #626b77; width: 8px; fill: #626b77; } .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button:hover img, .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button:hover svg { color: #252525; fill: #252525; } .bd-faq-ctg-modal .bd-faq-ctg-body { background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 30px; display: flex; flex-direction: column; gap: 20px; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field { display: flex; flex-direction: column; gap: 10px; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-label { font-size: 14px; font-weight: 500; color: #626b77; cursor: initial; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-label[required]:after { content: "*"; margin-left: 5px; margin-top: 5px; color: #f23759; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input { height: 40px; border: 1px solid #e7ebf3; background: #e7ebf3; width: 100%; color: #252525; padding: 5px 15px; font-size: 14px; outline: none; box-shadow: none; border-radius: 5px; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input::placeholder { color: #626b77; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:not(:read-only) { cursor: pointer; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:not(:read-only):focus { border-color: rgba(49, 218, 141, 0.5); outline: none; box-shadow: none; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:read-only { cursor: initial; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea { cursor: pointer; border: 1px solid #e7ebf3; background: #e7ebf3; width: 100%; color: #252525; padding: 10px 15px; font-size: 14px; outline: none; box-shadow: none; min-height: 100px; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea::placeholder { color: #626b77; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea:focus { border-color: rgba(49, 218, 141, 0.5); outline: none; box-shadow: none; } .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-error-message { font-size: 13px; color: #f23759; margin: 0; } .bd-faq-ctg-modal .bd-faq-ctg-footer { background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 30px; display: flex; column-gap: 20px; row-gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button-group { display: flex; column-gap: 20px; row-gap: 10px; flex-wrap: wrap; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button-group.direction-column { flex-direction: column; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button { display: flex; min-height: 36px; padding: 2px 15px; border-radius: 3px; justify-content: center; align-items: center; background-color: #f1fff9; background-image: none; color: #15c7a4; border: 1px solid #15c7a4; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.3s ease 0s; text-decoration: none; box-sizing: border-box; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon { width: 16px; display: inline-flex; align-items: center; transform: translateX(-4px); margin-right: 4px; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon img, .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon svg { max-width: 100%; color: #15c7a4; fill: #15c7a4; transition: all 0.3s ease 0s; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%); color: #fff; border-color: transparent; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover .bd-faq-icon img, .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover .bd-faq-icon svg { color: #fff; fill: #fff; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-danger { color: #f23759; border: 1px solid #f23759; background-color: #fff4f6; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-danger:hover { background-color: #f23759; color: #fff; background-image: -webkit-linear-gradient(-169deg, #f673a3 0%, #f23759 100%) !important; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success .bd-faq-icon img, .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success .bd-faq-icon svg { color: #fff !important; fill: #fff !important; } .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success:hover { background-color: #15c7a4; background-image: -webkit-linear-gradient(-169deg, #31da8d 0%, #15c7a4 100%) !important; } /* WriteWithAI CSS */ /* Override autofill text color */ /* Add this CSS to your existing stylesheet or create a new one */ /* Change the default checkbox color */ /* Style the checked state */ /* .bd-close-button { right: px; top: 1px; border-radius: 5px; width: 12px; height: 12px; color: #ffffff; background: #00b884; } */ .bd-faq-cgt-field-wrapper { display: flex; align-items: center; gap: 20px; } button.bd-faq-button.button-success.bd-write-with-ai-button { min-width: 150px; max-width: 180px; gap: 5px; height: 40px; border: none; } .hidden { display: none !important; } .disabled-input-field input { pointer-events: none; opacity: 0.6; } .disabled-input-field textarea { pointer-events: none; opacity: 0.6; } .disabled-input-field button { pointer-events: none; opacity: 0.6; } .disabled-input-field label { pointer-events: none; opacity: 0.6; opacity: 1; } .betterdocs-ai-button-container { margin-left: 10px; } .autowrite-icon { display: flex; align-items: center; width: 55px; height: 55px; background: #ffe4e8; justify-content: center; border-radius: 50px; } .autowrite-icon svg { width: 28px; height: 28px; } .autowrite-heading { display: flex; gap: 10px; align-items: center; } .autowrite-heading h1 { color: #1d2939; font-family: "IBM Plex Sans", sans-serif; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin: 0; } .autowrite-heading p { margin: 0; margin-bottom: 24px; color: #475467; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; } form#betterdocs-ai-form p { margin: 0; margin-bottom: 24px; } .autowrite-subheadding p { font-family: "IBM Plex Sans", sans-serif; font-size: 14px; } .prompt-field .input-description { margin: 0 !important; } .betterdocs-ai-button { background: #00b884; border: 1px solid transparent; color: #fff; box-shadow: none; font-size: 12px; margin-right: 8px; padding: 0px 15px; cursor: pointer; border-radius: 3px; height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .betterdocs-ai-button img { width: 20px; height: 20px; } .betterdocs-ai-autowrite-form-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100001; width: 650px; margin: 0 auto; background-color: #fff; border-radius: 5px; font-family: "IBM Plex Sans", sans-serif; max-height: 100%; max-width: 100%; } .betterdocs-ai-autowrite-form-container .betterdocs-ai-content-wrapper { padding: 15px; border: 1px solid #ddd; border-radius: 5px; } .betterdocs-ai-autowrite-form-container .betterdocs-ai-content-wrapper p { display: inline; background: #def2ff; line-height: 1.2rem; } .betterdocs-ai-autowrite-form-content { background-color: #fff; padding: 20px 0px; border-radius: 5px; padding-bottom: 0; overflow: auto; height: 100%; } .betterdocs-ai-autowrite-top-part { border-bottom: 1px solid #ddd; padding: 0 40px; } #betterdocs-ai-form { display: flex; flex-direction: column; overflow: hidden; display: flex; flex-direction: column; } #betterdocs-ai-form .form-group { margin-bottom: 24px; } #betterdocs-ai-form .bd-aiform-flex { display: flex; justify-content: space-between; } #betterdocs-ai-form label { font-weight: 600; margin-bottom: 5px; display: block; font-size: 14px; line-height: 20px; } #betterdocs-ai-form input[type=text] { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #d0d5dd; border-radius: 4px; color: #667085; font-weight: 400; } #betterdocs-ai-form textarea { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #d0d5dd; border-radius: 4px; color: #667085; font-weight: 400; color: #667085; } #betterdocs-ai-form textarea:focus { box-shadow: none; color: inherit; box-shadow: none; } #betterdocs-ai-form input:-webkit-autofill { -webkit-text-fill-color: #667085 !important; } #betterdocs-ai-form input::placeholder { color: #acb2bf; } #betterdocs-ai-form input:focus { box-shadow: none; } .form-inner-content { overflow: auto; height: 100%; max-height: 435px; padding: 0 40px; } .form-inner-content > .form-group { margin-top: 20px; } #betterdocs-ai-autowrite-form-container-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; } select#bd-autowrtite-content-section { width: 150px !important; height: 40px; } #bd-autowrtite-content-paragraph { width: 150px !important; height: 40px; } #betterdocs-ai-language { width: 150px !important; height: 40px; } .generate-button-container { position: sticky; bottom: 0px; width: 100%; margin-left: 0; z-index: 999999 !important; padding: 20px 0; display: flex; justify-content: end; border-top: 1px solid #ddd; background: white; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; gap: 15px; } .generate-button-container button { display: flex; gap: 8px; align-items: center; justify-content: center; opacity: 1 !important; margin-right: 40px; } .generate-button-container button.generate-btn.regenerate-btn { margin: 0; background: #fff; border: 1px solid #d0d5dd; color: #344054; } .generate-button-container .generate-btn[disabled] { cursor: unset; } .input-description { font-size: 14px; color: #667085; } .betterdocs-ai-checkbox-field { position: relative; font-size: 16px; } .betterdocs-ai-checkbox-field .form-group { display: flex; align-items: start; justify-content: space-between; } .betterdocs-ai-checkbox-field input { width: 20px; height: 20px; } .betterdocs-ai-checkbox-field input[type=checkbox] { border: 1px solid #00b884; } .betterdocs-ai-checkbox-field input[type=checkbox]:checked::before { padding: 2px; content: "✓"; color: #00b884; } .betterdocs-ai-checkbox-field input[type=checkbox]:hover { -webkit-appearance: none; appearance: none; border: 1px solid #00b884; outline: none; } .betterdocs-ai-checkbox-field input[type=checkbox]:checked { border: 1px solid #00b884; } .checkbox-field-label { width: calc(100% - 150px); } .checkbox-field-label p { margin: 0 !important; } .checkbox-input-field { width: 300px; text-align: right; position: relative; display: inline-block; width: 60px; height: 34px; } .checkbox-input-field input { display: none; } .checkbox-input-field input:checked + .toggle-label { background-color: #00b884; } .checkbox-input-field input:checked + .toggle-label:after { transform: translateX(26px); } .toggle-label { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 34px; transition: background-color 0.3s; scale: 0.9; width: 52px; height: 26px; } .toggle-label:after { content: ""; position: absolute; height: 22px; width: 22px; left: 2px; bottom: 2px; background-color: white; border-radius: 50%; transition: transform 0.3s; } .generate-btn, .keep-btn { background-color: #00b884; color: #fff; border: none; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 4px; } button.keep-btn { margin-right: 15px; } .prompt-btn { background-color: #00b884; color: #fff; border: none; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 4px; } .keep-btn { background-color: #00b884; color: #fff; border: none; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 4px; width: 100px; } .bd-close-button { cursor: pointer; font-size: 18px; font-weight: bold; float: right; position: absolute; right: 1px; top: 1px; padding: 10px; background: #ffffff; border-radius: 25px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #281617; right: -60px; } div#betterdocs-ai-error-message { font-size: 14px; font-family: "IBM Plex Sans", sans-serif; color: #667085; margin-bottom: 20px; } div#betterdocs-ai-error-message a { text-decoration: none; font-weight: 600; } div#betterdocs-ai-error-message a:focus { outline: none; box-shadow: none; color: #2271b1; } #betterdocs-ai-message { font-size: 14px; font-family: "IBM Plex Sans", sans-serif; color: #667085; margin-bottom: 20px; } #betterdocs-ai-message a { text-decoration: none; font-weight: 600; } #betterdocs-ai-message a:focus { outline: none; box-shadow: none; color: #2271b1; } #betterdocs-ai-message span { color: #d63638; } .warning-message { display: flex; align-items: center; gap: 10px; background: #fbebed; padding: 12px; border-radius: 5px; font-size: 14px; line-height: 1.4em; border-left: 4px solid #d63638; } .warning-message svg { width: 20px; height: 20px; } .warning-message span { color: #d63638; } .warning-message .footer-message { width: calc(100% - 20px); } @media only screen and (max-width: 991px) { .betterdocs-ai-autowrite-form-container { left: 0; right: 0; transform: translate(0%, -50%); } .betterdocs-ai-autowrite-form-content { overflow-x: auto; } } @media only screen and (max-width: 740px) { .bd-close-button { right: 0px; top: 0px; width: 12px; height: 12px; font-size: 14px; } } /*!********************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-toastify/dist/ReactToastify.css ***! \********************************************************************************************************************************************************************************************************/ :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0); } .Toastify__toast-container--rtl { right: 0; left: initial; } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; flex: 1; } .Toastify__toast-icon { margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.7s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; align-self: flex-start; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left; } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin 0.65s linear infinite; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__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 Toastify__bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes Toastify__flipOut { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { from { transform: translate3d(110%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInLeft { from { transform: translate3d(-110%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInUp { from { transform: translate3d(0, 110%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInDown { from { transform: translate3d(0, -110%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(110%, 0, 0); } } @keyframes Toastify__slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-110%, 0, 0); } } @keyframes Toastify__slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; } @keyframes Toastify__spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*# sourceMappingURL=ReactToastify.css.map */ /*# sourceMappingURL=glossares.css.map*/