.helpful-block-content { background: #F1F1F1; border: 1px solid #DBD8D8; padding: 20px; margin: 0 0 20px; position: relative; overflow: auto; color: #555; font-family: inherit; font-size: 1em; font-weight: 300; } .helpful-block-content ul, .helpful-block-content ul p { margin-bottom: 0px; } .helpful-block-content .wth-loader { background: url(../images/ajax-loader.gif) no-repeat; width: 43px; height: 11px; margin: 3px; } .helpful-block-content .wth-success { color: #24890D; font-weight: normal; font-size: 1em; } .helpful-block-content .wth-error { color: #FF0000; } .helpful-block-content .wth-title { font-size: 1.3em; margin: 10px; } .helpful-block-content .wth-share-title { font-size: 1em; margin: 10px; font-style: italic; } .helpful-block-content .wth-share-box { background: #E9E7E8; padding: 20px; margin-top: 10px; } .helpful-block-content .wth-fb-share-button { background: #416198; color: #ffffff; border: none; text-transform: uppercase; font-weight: 300; font-size: .8em; } .helpful-block-content .wth-tweeter-share-button { background: #55ACEE; color: #ffffff; border: none; text-transform: uppercase; font-size: .8em; } .helpful-block-content .wth-fb-share-button:hover { opacity: .9; background: #416198 ; } .helpful-block-content .wth-tweeter-share-button:hover { opacity: .9; background: #55ACEE; } .helpful-block-content ul li { display: inline; list-style: none; margin: 5px 0px; } .helpful-block-content ul li a, .helpful-block-content .wth-submit { display: inline-block; border-radius: 3px; border: 1px solid #d2d2d2; text-align: center; padding: 4px 12px; text-decoration: none; color: #444; background: #f1f1f1; text-transform: none; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; } .helpful-block-content .wth-submit:hover { background: #e9e9e9; } .helpful-block-content ul li a:hover { background: #fff; } .helpful-block-content ul li textarea.wth-message { margin-top: 0px ; clear: both; display: block; border: 1px solid #DBD8D8; min-height: 100px; width: 97%; margin-bottom: 10px; color: #999999; font-weight: 300; } .helpful-block-content .wth-submit { background: orange ; color: white; padding: 10px ; font-weight: 300; } .wth-green-btn { background: green; color: white; padding: 10px ; } .wth-red-btn { background: red ; color: white; padding: 10px; } .wth-green-btn:hover, .wth-red-btn:hover { opacity: .7; } .wth-green-btn:before, .wth-red-btn:before { padding-right: 5px; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?n4kppl'); src: url('fonts/icomoon.eot?n4kppl#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?n4kppl') format('truetype'), url('fonts/icomoon.woff?n4kppl') format('woff'), url('fonts/icomoon.svg?n4kppl#icomoon') format('svg'); font-weight: normal; font-style: normal; } .helpful-block-content [class^="icon-"], .helpful-block-content [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .helpful-block-content .icon-sadheart:before { content: "\e908"; } .helpful-block-content .icon-happyheart:before { content: "\e909"; } .helpful-block-content .icon-sad:before { content: "\e90a"; } .helpful-block-content .icon-happy:before { content: "\e90b"; } .helpful-block-content .icon-emoji-sad:before { content: "\e90c"; } .helpful-block-content .icon-emoji-happy:before { content: "\e90d"; } .helpful-block-content .icon-heart-broken:before { content: "\e90e"; } .helpful-block-content .icon-heart:before { content: "\e90f"; } .helpful-block-content .icon-thumbsdown:before { content: "\e910"; } .helpful-block-content .icon-thumbsup:before { content: "\e911"; } .helpful-block-content .icon-thumbs-down2:before { content: "\e906"; } .helpful-block-content .icon-thumbs-up2:before { content: "\e907"; } .helpful-block-content .icon-thumb_up:before { content: "\e904"; } .helpful-block-content .icon-thumb_down:before { content: "\e905"; } .helpful-block-content .icon-thumbs-o-down:before { content: "\e900"; } .helpful-block-content .icon-thumbs-o-up:before { content: "\e901"; } .helpful-block-content .icon-thumbs-down:before { content: "\e902"; } .helpful-block-content .icon-thumbs-up:before { content: "\e903"; } .helpful-block-content .fc-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.3; } .helpful-adminbar-notification-green { background: #49A249 !important; } .helpful-adminbar-notification-red { background: #FB4949 !important; } .wth-feedback-error { border: 2px solid #FF0000 !important; } .wth-email{ width: 97% !important; }