.slider_captcha {
font-size: 16px;
font-weight: 400;
text-align: center;
color: #a3a3a3;
background: #eeeeee;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
height: 46px;
padding: 0;
-moz-border-top-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-ms-border-top-left-radius: 3px;
-ms-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-ms-border-top-right-radius: 3px;
-ms-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.slider_captcha span {
cursor: default;
position: relative;
line-height: 46px; }
.slider_captcha > span {
margin: 0 auto; }
.swipe-knob {
position: absolute;
top: 0;
left: 0;
cursor: move;
width: 46px;
height: 46px;
background-color: #72d5ee;
color: white;
-moz-border-top-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-ms-border-top-left-radius: 3px;
-ms-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-ms-border-top-right-radius: 3px;
-ms-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.swipe-knob:not(.type_filled)[class*=" sc-icon-"] > span:after {
display: none; }
.swipe-knob:not(.type_filled) span {
display: table;
width: 100%;
height: 100%;
cursor: move; }
.swipe-knob:not(.type_filled) span:after {
font-family: "FontAwesome";
font-size: 18px;
content: "\f054";
cursor: move; }
.swipe-knob:not(.type_filled).swipe_ended {
background-color: #868d8f;
right: 0;
cursor: auto; }
.swipe-knob:not(.type_filled).swipe_ended span {
width: 100%;
height: 100%; }
.swipe-knob:not(.type_filled).swipe_ended span[class*=" sc-icon-"]:after {
display: none; }
.swipe-knob:not(.type_filled).swipe_ended span:after {
content: "\f00c"; }
.swipe-knob.type_filled {
left: 46px;
margin-left: -100%;
width: 100%;
cursor: move;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.swipe-knob.type_filled[class*=" sc-icon-"] span {
position: absolute;
right: 19px;
top: 0;
cursor: move; }
.swipe-knob.type_filled[class*=" sc-icon-"] span:after {
display: none; }
.swipe-knob.type_filled[class*=" sc-icon-"] span:before {
display: block;
vertical-align: none; }
.swipe-knob.type_filled span {
position: absolute;
right: 19px;
top: 0;
cursor: move; }
.swipe-knob.type_filled span:after {
font-family: "FontAwesome";
font-size: 18px;
content: "\f054"; }
.swipe-knob.type_filled.swipe_ended {
background-color: #868d8f;
right: 0;
cursor: auto; }
.swipe-knob.type_filled.swipe_ended span:after {
content: "\f00c"; }
.knob-destiny {
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px; }