#watupro_quiz *, #watupro_quiz *::before, #watupro_quiz *::after,
.watupro-paginator-wrap * {
box-sizing: border-box;
}
.watu-question {
display: none;
clear: both;
overflow: hidden; }
.watu-question input[type=text], .watupro input[type=text], input.watupro-gap {
display: inline;
}
.watu-question-compact {
width: 100%;
}
#watupro_quiz input {  }
.watupro-ask-for-contact input {
width: auto !important; 
} 
.watupro_buttons input[type=button] {
width: auto !important; 
}
.watupro-category-header {
margin: 0.75em 0 !important;
padding: 0 0;
} .watupro-gap {
margin-bottom: 0.313em;
}
input.watupro-gap {
max-width: 9.375em;
}
form.quiz-form {
text-align:left;
}
.single-page-quiz .watu-question, .single-page-quiz {
display:block;
}
.single-page-quiz .watu-question {
padding: 0 0 1em 0;
}
.single-page-quiz #next-question {
display:none;
}
.question-content {
margin: 0 auto 0.75em 0;
}
.question-content p { margin: 0 0;
} .watupro-question-choice {
width: 100%;
display: block;
line-height: 1 ; margin: 0.438em 0; } .watupro-question-choice:before {
content: "";
display: inline-block;
vertical-align: middle;
height: auto; } .watupro-question-choice > *, .watupro-question-choice1:not(input):not(label) {
display: inline-block;
margin: 0; padding: 0 0;
} .watupro-question-choice.watupro-ansnum i {
font-style: normal;
width: 1.75em;
text-align: right;
margin-right: 0.25em;
line-height: 1; vertical-align: top; }
.watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {
margin-right: 0.25em;  }
.watupro-question-choice input[type=checkbox] + label,
.watupro-question-choice input[type=radio] + label {
font-size: inherit;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {margin-top:  0.25em; width: 1rem;}
.quiz-form label {padding-top: 0; }
}
.quiz-form label {
cursor: pointer;
width: auto;
vertical-align: text-top;
}  .watupro-question-choice input[type="radio"] { } .show-question {
display: block;
margin: 0;
padding: 0.5em 0;
}
.show-question-content {
margin: 0 0 0.5em 0;
padding: 0 0;
}
.show-question-choices ul {
margin: 0 0 0.5em 0;
padding: 0 1.25em; list-style: disc;
}
.show-question-choices ul li {
line-height: normal;
vertical-align: top;
}
.answer {
vertical-align: top; }
.watupro-question-choice .answer {
vertical-align: text-top; } .show-question-choices {
clear: both;
overflow: hidden;
margin-bottom: 1em;
}
.user-answer span.answer {
vertical-align: top;
font-weight:bold;
color:blue;
background:url(//www.bellone.net/wp-content/plugins/watupro/wrong.png) no-repeat right 0.15em;
padding-right: 1.5em;
display: inline-block; line-height: normal;
}
.user-answer-unrevealed {
font-weight:bold;
color:blue;
vertical-align: text-top;
}
.user-answer {
color: blue;
line-height: normal;
}
.user-answer img {
border: 2pt solid blue;
}
.correct-answer span.answer {
background:url(//www.bellone.net/wp-content/plugins/watupro/correct.png) no-repeat right 0.15em;
padding-right: 1.5em;
display: inline-block;
line-height: normal;
}
span.answer {
display: inline-block;
}
.show-question-content { }
.watupro-2-columns span.answer,
.watupro-3-columns span.answer,
.watupro-4-columns span.answer,
.watupro-5-columns span.answer {
background-position: right 0.15em;
}
p.error {
clear:both !important;
color:red;
}
.watupro label {
display: block;
float: left;
width: 9.375em;
}
.watupro select {
min-width: 7.5em;
}
.watupro-alert, .watupro-success {
padding: 1.25em;
background-color: #EEE;
font-weight: bold;
}
.watupro-error {
padding: 1.250em;
font-weight: bold;
background:#EEE;
color:red;
}
.watupro-padded {
padding: 1.25em;
}
.watupro-warning {
font-weight:bold;
color:red;
}
.watupro-help {
font-style: italic;
font-size:11pt;
color:gray;
} table.watupro_buttons {
clear:both !important;
border-collapse: collapse;
width: auto;
margin: auto auto;
}
table.watupro_buttons td {
min-width: 5em;
}
.watupro_buttons, .watupro_buttons td {
border: none !important;
} .watupro_buttons.flex {
display: flex;
flex-flow: row wrap;
justify-content: center;
clear: both;
}
.watupro_buttons.flex div {
margin: 0.5rem;
} .watupro-paginator-wrap {
width: 100%;
}
ul.watupro-paginator {
list-style-type: none; margin: 1em auto;
padding: 0 0;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap;
}
.watupro-paginator-vertical ul.watupro-paginator {
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column wrap;
width: auto;
}
ul.watupro-paginator li {
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0.313em 0.125em;
padding: 0.25em 0.5em;
border-radius: 0.188em;
vertical-align: middle;
flex-grow: 0; }
.watupro-paginator-vertical .watupro-auto-hide li {
width: 3em; }
.watupro-answers-paginator-wrap {
clear: both; }
ul.watupro-question-paginator li, ul.watupro-answers-paginator li { display: block;
width: 3em;
}
ul.watupro-paginator li.active {
margin: 0.313em 0.188em;
padding: 0.25em 0.5em;
}
ul.watupro-category-paginator li {
padding: 0.25em 0.75em;
}
ul.watupro-paginator li.answered {
background-color: #88FF88;
}
ul.watupro-paginator li.unanswered {
background-color: #FF6A6A;
}
ul.watupro-paginator li.marked {
border: 2pt dashed black !important;
}
.watupro-auto-hide-handler a, .watupro-auto-hide-handler-hide a {
border-bottom: none;
text-decoration: none !important;
} .watupro-auto-hide-handler-hide {
display: none !important;
} #timerDiv {
margin-bottom: 1.250em;
color: green;
}
div#timerDiv {
z-index: 1000000; }
.watupro-textarea-medium {
width: 17.5em;
height: 5em;
}
.watupro-textarea-large {
width: 37.5em;
height: 18.75em;
}
.watupro-qnum-info {
font-style: italic;
padding-top: 1.563em;
clear: both;
} .watupro-compact {
clear:both;
width:100%;
float:left;
margin-bottom: 1.25em;
}
.watupro-compact div.question-content, .watupro-compact div.show-question-content {
float:left;
width:50%;
margin-top:0 !important;
padding-right: 0.5em;
}
.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
float:right;
width:50%;
padding-left: 0.5em;
clear: none;
}
.watupro-compact .question-choices div.watupro-question-choice {
float: left;
}
.watupro-compact .show-question-choices li.answer {
margin-right: 0;
vertical-align: top; } .watupro-compact2 div.question-content, .watupro-compact2 div.show-question-content {
width: 100% !important;
}
.watupro-compact2 div.question-choices, .watupro-compact2 div.show-question-choices {
width: 100% !important;
}
.watupro-compact2 .question-choices div.watupro-question-choice {
width: auto !important;
margin-right: 1.5em !important;    
}
.watupro-compact2 .show-question-choices li.answer {
width:auto !important;
display: inline-block;
margin-right: 1.5em !important;  
}  .watupro-compact3 .question-choices div.watupro-question-choice {
width: auto !important;
margin-right: 1.5em !important;    
}
.watupro-compact3 .show-question-choices li.answer {
width:auto !important;
display: inline-block;
margin-right: 1.5em !important;  
} .watupro-matrix-droppable tr td {
border: 1px dashed #DDD;
min-width: 9.375em;
min-height: 5em;
padding: 0.625em;
} .watuproshare-facebook {
padding: 0.625em;
background-color: #4c66a4;
color:white !important;
font-weight:bold;
text-decoration:none;
}
a.watuproshare-facebook {	
color:white !important;	
}
.watupro-share {
margin: 1.25em;
}
.watupro-share a {
margin: 0.938em;
}
.watupro-twitter-share-button {
margin: 0 !important;
} .watupro-progress-container {
width: 100%; float: left;
margin-bottom: 1.5em;
}
.watupro-progress-bar {
text-align:right;
}
.watupro-progress-percent {
padding: 0 0.313em;
background: white;
font-weight: bold;
border-radius: 0.625em;
} .watupro-rating-wrap {
padding: 0.625em 0;
clear: both;
}
.watupro-rating ul {
list-style-type: none !important;
}
.watupro-paginated-hidden { display: none; } .watupro-beehive { display:none !important; }
span.watupro_num {
display: inline !important;
} .watupro-basic-chart td, .watupro-basic-chart-points td, .watupro-basic-chart-percent td {
padding: 0.375em;
}
.watupro-basic-chart, .watupro-basic-chart table, table.watupro-basic-chart, .watupro-basic-chart-points, .watupro-basic-chart-points table, .watupro-basic-chart-percent, .watupro-basic-chart-percent table {
border: none !important;	
} .watupro-2-columns, li.watupro-2-columns {
width: 50%;
}
.watupro-3-columns, li.watupro-3-columns {
width: 33%;
}
.watupro-4-columns, li.watupro-4-columns {
width: 25%;
}
.watupro-5-columns, li.watupro-5-columns {
width: 20%;
}
.watupro-2-columns, li.watupro-2-columns,
.watupro-3-columns, li.watupro-3-columns,
.watupro-4-columns, li.watupro-4-columns,
.watupro-5-columns, li.watupro-5-columns {
float: left; display: inline-block;
padding: 0 0.5em;
}
.watupro-2-columns > *, li.watupro-2-columns > *,
.watupro-3-columns > *, li.watupro-3-columns > *,
.watupro-4-columns > *, li.watupro-4-columns > *,
.watupro-5-columns > *, li.watupro-5-columns > * {
display: inline-block; }
.watupro-2-columns:first-of-type,
.watupro-3-columns:first-of-type,
.watupro-4-columns:first-of-type,
.watupro-5-columns:first-of-type,
.watupro-2-columns:nth-of-type(2n+1),
.watupro-3-columns:nth-of-type(3n+1),
.watupro-4-columns:nth-of-type(4n+1),
.watupro-5-columns:nth-of-type(5n+1) {
padding-right: 0.5em;
padding-left: 0;
}
.watupro-2-columns:nth-of-type(2n), .watupro-3-columns:nth-of-type(3n), .watupro-4-columns:nth-of-type(4n), .watupro-5-columns:nth-of-type(5n)  {
padding-left: 0.5em;
padding-right: 0;
}
.watupro-ansnum.watupro-2-columns, li.watupro-ansnum.watupro-2-columns,
.watupro-ansnum.watupro-3-columns, li.watupro-ansnum.watupro-3-columns,
.watupro-ansnum.watupro-4-columns, li.watupro-ansnum.watupro-4-columns,
.watupro-ansnum.watupro-5-columns, li.watupro-ansnum.watupro-5-columns {
padding-left: 0; padding-right: 0;
}
div.watupro-choices-columns {
clear:both;
float:left;
width:100%;
}
.watupro-main-feedback {
display:block;
clear:both;
margin-top: 1.25em;
}
.watupro-dashboard {
font-size: 120%;
}
.watupro-dashboard td {
border-bottom: 1pt solid #EEE;
padding-top: 0.625em;
}
.watupro-text-captcha {
clear:both;
} .watupro-screen-reader {
border: 0;
clip: rect( 1px, 1px, 1px, 1px );
clip-path: inset( 50% );
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
.watupro-unanswered {
clear:both;
width: 100%;
display:block;
float:left;
}
select.watupro-gap  {
width: auto !important;
max-width: 31.250em !important;
}
#ui-datepicker-div {
display: none;
position: absolute !important;
z-index: 999999999 !important;
}
.watupro-textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
} .watupro-rtl {
direction: rtl !important;
text-align: right !important;
}
.watupro-flex {
display: flex;
flex-wrap: wrap;
}
.watupro-quiz-item {
width: 250px;
margin: 1rem;
}
.watupro-quiz-item img {
max-width:100%;
}
.watupro-answers-table-area {
padding: 1em;
background-color: #f8f8f8;
filter: drop-shadow(7px 7px 5px #aaa);
margin-bottom: 2em;
}
.watupro-memory-hidden {
display: none;
} #watupro_quiz {
overflow-y: auto;
}
@media screen and (min-width: 1024px) {
.watupro-auto-hide {
display: flex !important;
}
.watupro-auto-hide-handler {
display: none !important;
} .watupro-auto-hide-handler-hide {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.watupro-auto-hide {
display: none !important;
}
.watupro-auto-hide-handler {
display: flex !important;
}
}
@media
only screen and (max-width: 600px)  { .watupro-question-choice {
margin-top: 0.438em;
margin-bottom: 0.438em;
}
span.watupro-progress-percent {
font-size: 0.688em;
}
table.watupro_buttons {
font-size: 85%;
}
.watupro-2-columns, li.watupro-2-columns,
.watupro-3-columns, li.watupro-3-columns,
.watupro-4-columns, li.watupro-4-columns,
.watupro-5-columns, li.watupro-5-columns {
float: none !important;
width: 100% !important;
padding: 0 0 !important;
}
.watupro-2-columns:nth-of-type(2n), li.watupro-2-columns:nth-of-type(2n),
.watupro-3-columns:nth-of-type(3n), li.watupro-3-columns:nth-of-type(3n),
.watupro-4-columns:nth-of-type(4n), li.watupro-4-columns:nth-of-type(4n),
.watupro-5-columns:nth-of-type(5n), li.watupro-5-columns:nth-of-type(5n) {
padding-left: 0;
padding-right: 0;
}
.watupro-compact div.question-content, .watupro-compact div.show-question-content {
float:none;
width:100%;
padding-right: 0;
}
.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
float:none;
width:100%;
padding-left: 0;
}
}
@media
only screen and (max-width: 375px)  {  table.watupro_buttons, table.watupro_buttons td, table.watupro_buttons tr {
display: block;
}
table.watupro_buttons td { border: none;
position: relative;
}
table.watupro_buttons td:before { position: absolute;
}
.watupro-progress-percent {
font-size: 0.688em;
}
} @media (max-width: 921px) {
.ast-left-sidebar #content > .ast-container {
display: block;
}
}.question-choices {
margin-top: 0;
}
.watupro-sortable {
margin: 0 auto;
}
.watupro-sortable li {
list-style: none;
}
.watupro-question-choice {
margin: 0.438em 0 !important; } .quiz-form label {
display: inline-block;
max-width: calc(100% - 2.25em);
}
.watupro-question-choice input[type='radio'], .watupro-question-choice input[type='checkbox'] {
margin-left: 0.25em;
}
.watupro-question-choice.watupro-ansnum label,
.watupro-question-choice.watupro-ansnum label {
max-width: calc(100% - 3.792em - 0.25em);
}
.watupro-compact div.question-choices {
padding-left: 0;
}
.watupro-2-columns:nth-of-type(2n), .watupro-3-columns:nth-of-type(3n), .watupro-4-columns:nth-of-type(4n) {
padding-left: 0;
} .watupro-progress-bar {
border-radius: 0.625em;
background: #eeeeee;
background: -moz-linear-gradient(left, #eeeeee 0%, #000000 100%); background: -webkit-linear-gradient(left, #eeeeee 0%, #000000 100%); background: linear-gradient(to right, #eeeeee 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=1 ); }
.watupro_buttons tr {
border-bottom: none;
}
.watupro_buttons input[type="button"], .watupro_buttons input[type="submit"] {
font-size: 1.1em;
cursor: pointer;
padding: 10px;
width: auto !important;
min-width: 6em;
} ul.watupro-paginator {
justify-content: center;
}
ul.watupro-category-paginator {
justify-content: center;
}
ul.watupro-paginator li {
color: #7a7a7a;
background-color: #d5d5d5;
background: -ms-linear-gradient(top, #fafafa, #d5d5d5);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#d5d5d5));
background: -webkit-linear-gradient(top, #fafafa, #d5d5d5);
background: -o-linear-gradient(top, #fafafa, #d5d5d5);
background: -moz-linear-gradient(top, #fafafa, #d5d5d5);
background: linear-gradient(top, #fafafa, #d5d5d5);
background-repeat: repeat-x;
*zoom: 1;
border: 1px solid;
border-color: #eeeeee #cdcdcd #cdcdcd #eeeeee;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.answered {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #A4B357;
background: -ms-linear-gradient(top, #A4B357, #75890C);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#A4B357), to(#75890C));
background: -webkit-linear-gradient(top, #A4B357, #75890C);
background: -o-linear-gradient(top, #A4B357, #75890C);
background: -moz-linear-gradient(top, #A4B357, #75890C);
background: linear-gradient(top, #A4B357, #75890C);
background-repeat: repeat-x;
border-color: #A4B357 #75890C #75890C #A4B357;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.unanswered {
background: #F89406;
background: -ms-linear-gradient(top, #ffe101, #F89406);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe101), to(#F89406));
background: -webkit-linear-gradient(top, #ffe101, #F89406);
background: -o-linear-gradient(top, #ffe101, #F89406);
background: -moz-linear-gradient(top, #ffe101, #F89406);
background: linear-gradient(top, #ffe101, #F89406);
background-repeat: repeat-x;
border-color: #ffe101 #F89406 #F89406 #ffe101;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
ul.watupro-paginator li.active {
box-shadow: 0 8px 5px -5px rgba(0,0,0,0.4), inset 0 0 5px 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border: none !important;
}
ul.watupro-category-paginator li.active {
-webkit-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
-ms-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
transform: scaleY(1.1) scaleX(1.02) translateY(-1px);
} .watupro-question-intro {
font-size: 110%;
background-color: #eee;
padding: 1em;
}div.watu-question, div.show-question {
margin-top: 30px !important;
}
.question-choices, .show-question-choices {
margin-top: 5px !important;
}
p.watupro-qnum-info {
padding-top:10px !important;
}
.watupro-question-choice span {
display: inline !important; }
@media 
only screen and (max-width: 600px) {
}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}
}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.ssbp-spinner:before{font-family:'ssbp';content:"\e614"}
.ssbp-spinner{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}
.ssbp-btn:before,.ssbp-toggle-switch:before{display:inline-block;font-family:'ssbp';speak:none;font-size:18px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none}
.ssbp-arrow-right:before{content:"\e612"}.ssbp-arrow-left:before{content:"\e613"}
.ssbp-arrow-down:before{content:"\e619"}.ssbp-arrow-up:before{content:"\e61a"}
.ssbp-chevron-down:before,.ssbp-toggle-switch:before{content:"\e618"}
.ssbp-chevron-up:before,.ssbp--state-hidden .ssbp-toggle-switch:before{content:"\e615"}
.ssbp-chevron-right:before,.ssbp--fixed-right .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-left .ssbp-toggle-switch:before{content:"\e616"}
.ssbp-chevron-left:before,.ssbp--fixed-left .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-right .ssbp-toggle-switch:before{content:"\e617"}
.ssbp-simplesharebuttons:before{content:"\e611"}
.ssbp-wrap *,.ssbp-wrap *:before,.ssbp-wrap *:after{box-sizing:border-box}.ssbp-input-url-div,.ssbp-total-shares,.ssba-hide-button.ssbp-each-share,.ssbp-toggle-switch,.ssbp-text{display:none}
.ssbp-wrap{color:#272727;display:block;font-size:0;padding:0;position:relative;width:fit-content}
.ssbp-wrap.ssbp--centred{display:block;text-align:center}.ssbp-wrap.ssbp--aligned-right{display:block;text-align:right}
.ssbp-wrap.ssbp--aligned-right .ssbp-container{display:inline}.ssbp-wrap .ssbp-container{width:fit-content}
.ssbp-wrap .ssbp-container,.ssbp-wrap .ssbp-toggle-switch{font-size:16px}.ssbp-wrap .ssbp-list{list-style:none;display:inline-block;vertical-align:middle;margin:0;padding:0}
.ssbp-wrap .ssbp-list li{margin-top:1rem;position:relative;display:inline-block;vertical-align:top}
.ssbp-wrap .ssbp-list li:first-of-type{margin-left:0}.ssbp-wrap .ssbp-btn{display:inline-block;text-align:center;text-decoration:none;font-family:sans-serif}
.ssbp-wrap.ssbp--stacked .ssbp-list li,.ssbp-wrap.ssbp--fixed-left .ssbp-list li,.ssbp-wrap.ssbp--fixed-right .ssbp-list li{display:block;margin-top:6px;margin-left:0 !important;margin-right:0 !important}
.ssbp-wrap.ssbp--stacked .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-left .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-right .ssbp-list li:first-of-type{margin-top:0}
.ssbp-wrap[class*="ssbp--fixed"]{position:fixed;z-index:99999}.ssbp-wrap[class*="ssbp--fixed"] .ssbp-container{-webkit-transition:.25s;transition:.25s}
.ssbp-wrap.ssbp--fixed-top,.ssbp-wrap.ssbp--fixed-bottom{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.ssbp-wrap.ssbp--fixed-left,.ssbp-wrap.ssbp--fixed-right{top:25%}.ssbp-wrap.ssbp--fixed-top{top:0}
.ssbp-wrap.ssbp--fixed-bottom{bottom:0}.ssbp-wrap.ssbp--fixed-left{left:0}.ssbp-wrap.ssbp--fixed-right{right:0}
.ssbp-wrap[data-ssbp-counts="true"] .ssbp-each-share{display:block;pointer-events:none}
.ssbp-wrap[data-ssbp-total-counts="true"] .ssbp-total-shares{display:inline-block;padding:0 .5em;text-align:center;font-size:14px;line-height:2}
.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--stacked .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares{display:block;padding:0}
.ssbp-toggle-switch{position:absolute;padding:0;border:0;background:transparent;text-align:center;cursor:pointer;-webkit-transition:.25s;transition:.25s;display:none}
.ssbp-toggle-switch:active,.ssbp-toggle-switch:hover,.ssbp-toggle-switch:focus{padding:0;border:0}
.ssbp--fixed-left .ssbp-toggle-switch,.ssbp--fixed-right .ssbp-toggle-switch{left:0;bottom:100%;width:100%}
.ssbp--fixed-top .ssbp-toggle-switch,.ssbp--fixed-bottom .ssbp-toggle-switch{left:100%;bottom:0;height:100%}
.ssbp--show-toggle.ssbp--fixed-top .ssbp-toggle-switch:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.ssbp--show-toggle.ssbp--fixed-bottom .ssbp-toggle-switch:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.ssbp--show-toggle.ssbp--fixed-right .ssbp-toggle-switch:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.ssbp--state-hidden .ssbp-each-share{opacity:0}.ssbp--state-hidden .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-top .ssbp-container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.ssbp--state-hidden.ssbp--fixed-bottom .ssbp-container{-webkit-transform:translateY(100%);transform:translateY(100%)}
.ssbp--state-hidden.ssbp--fixed-left .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-right .ssbp-container{-webkit-transform:translateX(100%);transform:translateX(100%)}
@-webkit-keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}@keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}
#ssba-bar-2.left{position:fixed;top:25vh;z-index:10000}#ssba-bar-2.right{max-width:fit-content;position:fixed;right:0;top:25vh;z-index:10000}
#ssba-bar-2.left .ssbp-bar-list{max-width:84px;text-align:left;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2.right .ssbp-bar-list{max-width:84px;text-align:right;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2 .ssbp-bar-list li{margin:0;margin-left:0;margin-right:0;display:block;position:relative}
#ssba-bar-2 ul li a{max-width:84px;display:block}.ssba-plus-2{width:100%}.ssba-classic-2{width:100%}
.ssbp-each-share, #ssba-bar-2 li .ssbp-each-share{display:block}
.right li .ssbp-each-share{left:unset;right:100%;margin-right:-12px;margin-left:0}
.ssbp-text { font-size: 1rem; font-weight: 600; }
#ssba-bar-2 .ssbp-each-share { left: unset; right: -1.5rem; top: 1rem; }
.ssbp-btn.ssbp-surfingbird span:not(.color-icon) svg polygon,
.ssbp-btn.ssbp-douban span:not(.color-icon) svg {
fill: #fff;
}
.ssbp-btn .color-icon svg { display: none; }
.ssbp-btn svg,
.ssbp-btn img { height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; }
.ssbp-btn { position: relative; transition: all .3s; }
.ssbp--theme-1 .ssbp-btn,
.ssbp--theme-6 .ssbp-btn { border-radius: 50%; }
.ssbp--theme-1 .ssbp-btn:hover span:not(.color-icon) svg { display: none; }
.ssbp--theme-2 .ssbp-btn { transition: all .3s; }
.ssbp--theme-2 .ssbp-btn:hover,
.ssbp--theme-3 .ssbp-btn:hover,
.ssbp--theme-4 .ssbp-btn:hover,
.ssbp--theme-10 .ssbp-btn:hover,
.ssbp--theme-11 .ssbp-btn:hover { filter: saturate(.5) }
.ssbp--theme-3 .ssbp-btn .ssbp-text,
.ssbp--theme-7 .ssbp-btn .ssbp-text {display: block;position: absolute;bottom: -21px;font-size: 13px;text-align: center;left: 50%;transform: translateX(-50%);text-shadow: 0 0 1px #8a8a8a;color: white;}
.ssbp--theme-4 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { border-radius: .5rem;}
.ssbp--theme-5 .ssbp-btn { box-shadow: 0 10px 12px rgb(0 0 0 / 33%) }
.ssbp--theme-5 .ssbp-btn:before { box-shadow: 0 8px 0; filter:brightness(.8); position: absolute; content: ''; bottom: 1px; left: 0; width: 100%; height: 8px;}
.ssbp--theme-6 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-9 .ssbp-btn img:not(.color-icon) { display:none; }
.ssbp--theme-6 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-9 .ssbp-btn .color-icon svg,
.ssbp--theme-1 .ssbp-btn:hover .color-icon svg { display: block; height: 20px; width: 20px; }
.ssbp--theme-1 .ssbp-btn:hover,
.ssbp--theme-6 .ssbp-btn:not(:hover),
.ssbp--theme-7 .ssbp-btn:not(:hover),
.ssbp--theme-8 .ssbp-btn { background-color: transparent!important; border: 2px solid; }
.ssbp--theme-8 .ssbp-btn { border-color: black; }
.ssbp--theme-8 .ssbp-btn { filter: saturate( 0 ) brightness( 0 ); }
.ssbp--theme-8 .ssbp-btn:hover { filter: saturate(0); background-color: black!important; }
.ssbp--theme-9 .ssbp-btn { background-color: transparent!important; border-bottom: 3px solid; }
.ssbp--theme-9 .ssbp-btn:hover { filter: brightness(1.4); }
.ssbp--theme-10 .ssbp-btn svg { height: unset!important; }
.ssbp--theme-10 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { height: auto!important; width: auto!important; padding: .5rem 1rem; }
.ssbp--theme-10 .ssbp-btn svg { position: unset; transform: none; padding: 1.5rem 0; }
.ssbp--theme-11 .ssbp-btn svg { display: none; }
.ssbp--theme-11 .ssbp-btn .ssbp-text { color: white!important; display: block; }
.ssbp-each-share {
position: absolute;
bottom: -1.5rem;
color: black;
font-size: 1rem;
left: 50%;
transform: translateX(-50%)
}