.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{ margin-top:0px; padding-left:0px; } .helpful-block-content ul, .helpful-block-content ul p { margin-bottom: 0px !important; } .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: 1em; margin: 10px 10px 10px 0; } .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 !important; } .helpful-block-content .wth-tweeter-share-button:hover { opacity: .9; background: #55ACEE !important; } .helpful-block-content ul li { display: inline; list-style: none; margin: 5px 0px !important; } .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; box-shadow:none; } .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 !important; 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 !important; color: white !important; padding: 10px !important; font-weight: 300; } .helpful-block-content ul li a.wth-green-btn { background: #5dae76; color: white; padding: 10px 25px !important; box-shadow:none; border:1px solid #5dae76; } .helpful-block-content ul li a.wth-red-btn { background: #e5392b; color: white; padding: 10px 25px !important; box-shadow:none; border:1px solid #e5392b; } .helpful-block-content ul li a.wth-green-btn:hover, .helpful-block-content ul li a.wth-red-btn:hover { opacity: .7; } .helpful-block-content ul li a.wth-green-btn:before, .helpful-block-content ul li a.wth-red-btn:before { padding-right: 5px; margin-left:0px; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7d1k85'); src: url('fonts/icomoon.eot?7d1k85#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?7d1k85') format('truetype'), url('fonts/icomoon.woff?7d1k85') format('woff'), url('fonts/icomoon.svg?7d1k85#icomoon') format('svg'); font-weight: normal; font-style: normal; } .helpful-block-content [class^="icon1-"]:before, .helpful-block-content [class*=" icon1-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; 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 .icon1-happy:before { content: "\e05b"; } .helpful-block-content .icon1-sad3:before { content: "\e05c"; } .helpful-block-content .icon1-smiley:before { content: "\e900"; } .helpful-block-content .icon1-sad4:before { content: "\e901"; } .helpful-block-content .icon1-mute:before { content: "\e902"; } .helpful-block-content .icon1-diamond2:before { content: "\e903"; } .helpful-block-content .icon1-checked:before { content: "\e904"; } .helpful-block-content .icon1-error:before { content: "\e905"; } .helpful-block-content .icon1-thumbsup:before { content: "\e906"; } .helpful-block-content .icon1-thumbsdown:before { content: "\e907"; } .helpful-block-content .icon1-heart:before { content: "\e9da"; } .helpful-block-content .icon1-heart-broken:before { content: "\e9db"; } .helpful-block-content .icon1-smile:before { content: "\e9e1"; } .helpful-block-content .icon1-smile2:before { content: "\e9e2"; } .helpful-block-content .icon1-sad:before { content: "\e9e5"; } .helpful-block-content .icon1-sad2:before { content: "\e9e6"; } .helpful-block-content .icon1-baffled:before { content: "\e9f3"; } .helpful-block-content .icon1-neutral:before { content: "\e9f7"; } .helpful-block-content .icon1-diamond3:before { content: "\e908"; } .helpful-block-content .icon1-thumb_down:before { content: "\e8db"; } .helpful-block-content .icon1-thumb_up:before { content: "\e8dc"; } .helpful-block-content .icon1-times2:before { content: "\e909"; } .helpful-block-content .icon1-tick:before { content: "\e90a"; } .helpful-block-content .icon1-times-outline:before { content: "\e90b"; } .helpful-block-content .icon1-tick-outline:before { content: "\e90c"; } .helpful-block-content .icon1-thumbs-up2:before { content: "\e90d"; } .helpful-block-content .icon1-thumbs-down2:before { content: "\e90e"; } .helpful-block-content .icon1-thumbs-down3:before { content: "\e90f"; } .helpful-block-content .icon1-thumbs-up3:before { content: "\e910"; } .helpful-block-content .icon1-check:before { content: "\f00c"; } .helpful-block-content .icon1-close:before { content: "\f00d"; } .helpful-block-content .icon1-remove:before { content: "\f00d"; } .helpful-block-content .icon1-times:before { content: "\f00d"; } .helpful-block-content .icon1-thumbs-o-up:before { content: "\f087"; } .helpful-block-content .icon1-thumbs-o-down:before { content: "\f088"; } .helpful-block-content .icon1-arrow-circle-up:before { content: "\f0aa"; } .helpful-block-content .icon1-arrow-circle-down:before { content: "\f0ab"; } .helpful-block-content .icon1-smile-o:before { content: "\f118"; } .helpful-block-content .icon1-frown-o:before { content: "\f119"; } .helpful-block-content .icon1-thumbs-up:before { content: "\f164"; } .helpful-block-content .icon1-thumbs-down:before { content: "\f165"; } .helpful-block-content .icon1-diamond:before { content: "\f219"; } .helpful-block-content .icon1-emoji-happy:before { content: "\e911"; } .helpful-block-content .icon1-emoji-neutral:before { content: "\e912"; } .helpful-block-content .icon1-emoji-sad:before { content: "\e913"; } .helpful-block-content .icon1-thumbs-down4:before { content: "\e914"; } .helpful-block-content .icon1-thumbs-up4:before { content: "\e915"; } .helpful-block-content .icon1-arrow-outline-down:before { content: "\e916"; } .helpful-block-content .icon1-arrow-outline-up:before { content: "\e917"; } .helpful-block-content .icon1-thumbs-down5:before { content: "\e918"; } .helpful-block-content .icon1-thumbs-up5:before { content: "\e919"; } .helpful-block-content .icon1-heart2:before { content: "\e91a"; } .helpful-block-content .icon1-heart3:before { content: "\e91b"; } .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; }