.wp-chatbot-tabs-style-flip nav a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.625em; } .wp-chatbot-tabs-style-flip nav ul li span{ display: inline-block; padding-right: 5px; } .wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon{ width: 25px; font-size: 16px; } .wp-chatbot-wrap strong { font-weight: normal; } .wp-chatbot-admin-header, .wp-chatbot-admin-footer { padding: 25px; } .wp-chatbot-admin-header h2 { color: #ffffff; } .wp-chatbot-version h3 { color: #fff; padding: 6px; display: inline-table; background: #7d7474; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 0 2px #000; font-size: 18px; } .wp-chatbot-version p a { color: #989898; } .wp-chatbot-language-center-summmery { background: #2cacca; margin: -1em -1em 1em; padding: 20px; } .wp-chatbot-language-center-summmery p { color: #eef5f7; font-size: 16px; margin: 0; } .wp-chatbot-language-center-summmery p a{ color: #eef5f7; text-decoration: underline; } input[type="text"].shop-jarvis-button-text { display: block; width: 700px !important; } /*CHECKBOX*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } form { width: 400px; } legend { font-size: 16px; font-family: monospace; } fieldset { padding: 15px; } input[type=checkbox] { opacity: 0; float: left; } .interaction-re-target label { width: inherit !important; } input[type=checkbox] + label { margin: 0 0 0 20px; position: relative; cursor: pointer; font-size: 12px; float: left; width: inherit !important; } input[type=checkbox] + label ~ label { margin: 0 0 0 40px; } input[type=checkbox] + label::before { content: ' '; position: absolute; left: -35px; top: -3px; width: 25px; height: 25px; display: block; background: white; border: 1px solid #A9A9A9; } input[type=checkbox] + label::after { content: ' '; position: absolute; left: -35px; top: -3px; width: 23px; height: 23px; display: block; z-index: 1; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center; -ms-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .3s ease; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; } input[type=checkbox]:checked + label::after { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /*ICON CSS*/ ul.radio-list { margin: 0; padding: 0; } ul.radio-list li { width: 15%; list-style: none; display: inline-block; text-align: center; } ul.radio-list li img, ul.radio-list li input { display: inline-table; vertical-align: middle; } ul.radio-list li input[type=radio] { background: #E3E4E4; } ul.radio-list li img { border-radius: 50%; box-shadow: 0px 0px 15px #c7dbec; width: 65px; display: block; margin: 5px auto; } /*container style css after adding tab*/ .form-container { background-color: #32373c; border: 1px solid #cccccc; border-radius: 5px; } .qc-opt-description { font-weight: normal; } .qc-opt-title-font { font-weight: normal; font-size: 14px !important; } .qc-opt-dcs-font { font-size: 14px !important; } .input-sm { width: 50px !important; } .thumbnail.theme_prev { max-width: 100%; height: auto; } .ge-canvas { padding: 0 15px; } /** wpwbot load control style **/ #wp-chatbot-show-pages-list ul { margin: 0; padding: 14px 0 0 88px; } #wp-chatbot-show-pages-list ul li { display: block; list-style: none; padding: 5px 0; clear: both; } #wp-chatbot-show-pages-list ul li:after { content: ""; display: table; width: 100%; height: 1px; } .radio-inline { font-size: 12px; line-height: 24px; } .wp-chatbot-settings-instruction { font-size: 12px; padding: 8px 0px; } #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a { font-size: 16px; } #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active { outline: 0; } input[disabled]#shirtcode-selector { width: 110px; text-align: center; border: none; color: inherit; background: none; box-shadow: none; margin: 0; padding: 0; } .tab-content textarea { width: 100%; font-size: 14px; } .content-wrap section h4 { margin-top: 0; padding-top: 0; font-size: 16px; font-weight: bold !important; } .wp-chatbot-support-cross{ display: inline-block; height: 30px; width:30px; margin-right: 5px; padding:5px; background-color: #e0e5ea; border-radius: 10%; text-align: center; } .wp-chatbot-support-cross:hover{ cursor: all-scroll; } .wp-chatbot-support-cross i{ font-size: 20px; }