.ewd-ufaq-welcome-clear { clear: both; } .ewd-ufaq-welcome-screen-header h1 { padding: 48px 0 16px 0; margin: 0; } .ewd-ufaq-welcome-screen-header p { margin-bottom: 32px; font-size: 15px; } .ewd-ufaq-welcome-screen h2 { background: #6700B2; color: #fff; padding: 18px; margin: 0; z-index: 2; position: relative; float: left; width: calc(100% - 36px); border-top: 1px solid #854DD6; } .ewd-ufaq-welcome-screen h2:hover { background: #682CBF; } .ewd-ufaq-welcome-screen-box .ewd-ufaq-welcome-screen-box-content { display: none; } .ewd-ufaq-welcome-screen-box.ewd-ufaq-welcome-screen-open .ewd-ufaq-welcome-screen-box-content { display: block; } .ewd-ufaq-welcome-screen-box { padding: 0px; max-width: 800px; margin: 0 auto; } .ewd-ufaq-welcome-screen-header, .ewd-ufaq-welcome-screen-skip-container { max-width: 800px; margin: 0 auto; } .ewd-ufaq-welcome-screen-header { text-align: center; } .ewd-ufaq-welcome-screen-box h2 { cursor: pointer; } .ewd-ufaq-welcome-screen-box-content { position: relative; float: left; background: #fff; width: 90%; margin: 0 auto 16px; box-shadow: 0 1px 12px #ddd; display: block; padding: 18px 5%; } .ewd-ufaq-welcome-screen-add-category-button, .ewd-ufaq-welcome-screen-add-faq-button, .ewd-ufaq-welcome-screen-add-faq-page-button, .ewd-ufaq-welcome-screen-save-options-button { position: relative; float: left; cursor: pointer; padding: 4px 8px; border: 2px solid #0acbaa; color: #fff; border-radius: 2px; background: #0acbaa; width: auto; text-align: center; margin-top: 12px; } .ewd-ufaq-welcome-screen-add-category-button:hover, .ewd-ufaq-welcome-screen-add-faq-button:hover, .ewd-ufaq-welcome-screen-add-faq-page-button:hover, .ewd-ufaq-welcome-screen-save-options-button:hover { border-color: #17d6b3; background: #17d6b3; } .ewd-ufaq-welcome-screen-next-button, .ewd-ufaq-welcome-screen-previous-button, .ewd-ufaq-welcome-screen-finish-button a { position: relative; float: right; cursor: pointer; padding: 4px 8px; border: 2px solid #6700B2; color: #6700B2; border-radius: 2px; background: transparent; width: auto; text-align: center; margin-top: 32px; text-decoration: none; } .ewd-ufaq-welcome-screen-next-button:hover, .ewd-ufaq-welcome-screen-previous-button:hover, .ewd-ufaq-welcome-screen-finish-button a:hover { color: #fff; background: #6700B2; text-decoration: none; } .ewd-ufaq-welcome-screen-next-button-not-top-margin { margin-top: 12px; } .ewd-ufaq-welcome-screen-previous-button { float: left; } .ewd-ufaq-welcome-screen-skip-button { position: relative; float: right; cursor: pointer; padding: 4px 8px; border: 2px solid #ccc; color: #999; border-radius: 2px; background: transparent; width: auto; text-align: center; margin-top: 12px; } .ewd-ufaq-welcome-screen-skip-button:hover { border-color: #aaa; color: #fff; background: #aaa; } .ewd-ufaq-welcome-screen-box-content label { width: 160px; position: relative; float: left; font-weight: bold; } .ewd-ufaq-welcome-screen-option label { width: auto; float: none; font-weight: normal; } .ewd-ufaq-welcome-screen-option label.ewd-ufaq-admin-switch { width: 40px } .ewd-ufaq-welcome-screen-box-content input { margin: 0; } .ewd-ufaq-welcome-screen-box-content-divs { margin-bottom: 8px; } .ewd-ufaq-welcome-screen-show-created-categories { display: none; } .ewd-ufaq-welcome-screen-show-created-categories-name { position: relative; float: left; width: 40%; width: calc(40% - 2px); padding: 9px 5%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-show-created-categories-description { position: relative; float: right; width: 40%; width: calc(40% - 1px); border-right: 1px solid #ccc; padding: 9px 5%; font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-category-name { position: relative; float: left; width: 40%; width: calc(40% - 2px); padding: 7px 5%; height: 18px; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-category-description { position: relative; float: right; width: 40%; width: calc(40% - 1px); padding: 7px 5%; height: 18px; overflow: hidden; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-show-created-faqs { display: none; } .ewd-ufaq-welcome-screen-show-created-faq-question { position: relative; float: left; width: 28.333333%; width: calc(28.333333% - 2px); padding: 9px 2.5%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-show-created-faq-answer { position: relative; float: right; width: 28.333333%; width: calc(28.333333% - 1px); border-right: 1px solid #ccc; padding: 9px 2.5%; font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-show-created-faq-category { position: relative; float: right; width: 28.333333%; width: calc(28.333333% - 1px); border-right: 1px solid #ccc; padding: 9px 2.5%; font-size: 15px; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-faq-question { position: relative; float: left; width: 28.333333%; width: calc(28.333333% - 2px); padding: 7px 2.5%; height: 18px; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-faq-answer { position: relative; float: right; width: 28.333333%; width: calc(28.333333% - 1px); padding: 7px 2.5%; height: 18px; overflow: hidden; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-faq-category { position: relative; float: right; width: 28.333333%; width: calc(28.333333% - 1px); padding: 7px 2.5%; height: 18px; overflow: hidden; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ewd-ufaq-welcome-screen-add-catalogue-categories h3 { padding-bottom: 0; margin-bottom: 0; } .ewd-ufaq-save-message { clear: both; position: relative; float: left; width: 100%; margin: 16px 0; } .ewd-ufaq-save-message-inside { position: relative; float: left; padding: 8px 12px; background: #eee; }