/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha {
    float: left;
    width: 252px;
    margin-bottom: 15px;
}

.clr {
    clear: both;
}

.QapTcha .bgFull {
    width: 442px;
    height: 35px;
    float: left;
    background: transparent;
    position: relative;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
}

@-webkit-keyframes color_change {
	from { background-color: #d1d1d1; }
	to { background-color: #efefef; }
}
@-moz-keyframes color_change {
	from { background-color: #d1d1d1; }
	to { background-color: #efefef; }
}
@-ms-keyframes color_change {
	from { background-color: #d1d1d1; }
	to { background-color: #efefef; }
}
@-o-keyframes color_change {
	from { background-color: #d1d1d1; }
	to { background-color: #efefef; }
}
@keyframes color_change {
	from { background-color: #d1d1d1; }
	to { background-color: #efefef; }
}

.QapTcha .bgSlider {
    width: 252px;
    height: 35px;
    float: left;
    border: 2px solid #BCBCBC;
    -webkit-animation: color_change 1s infinite alternate;
	-moz-animation: color_change 1s infinite alternate;
	-ms-animation: color_change 1s infinite alternate;
	-o-animation: color_change 1s infinite alternate;
	animation: color_change 1s infinite alternate;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
}

.QapTcha .bgSlider2 {
    width: auto;
    height: auto;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    position: relative;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: block;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

.QapTcha .Slider {
    width: 62px;
    height: 33px;
    border: 1px solid #BCBCBC;
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    font-weight: bold;
    font-size: 2em;
    line-height: 30px;
    background-image: url(../images/flechas.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

.QapTcha .Slider .SliderShadow {
    width: 62px;
    height: 33px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 4;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.14) 49%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0.25) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.14) 49%, rgba(0,0,0,0.25) 51%, rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.14) 49%,rgba(0,0,0,0.25) 51%,rgba(0,0,0,0.25) 100%);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

.QapTcha .Slider.draggOk, .QapTcha .bgSlider2:active .Slider {
    background-image: url(../images/flechas_ok.png);
    background-color: #6B6B6B;
}

.QapTcha .bgSlider2:active {
     cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
}

.QapTcha .Slider:before {
    content: ' ';
    box-sizing: border-box;
}

.QapTcha .TxtStatus {
    width: 200px;
    margin-top: 7px;
    text-align: center;
    color: #A9A9A9;
    font-family:Helvetica;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 52px;
    z-index: 2;
}

.QapTcha .dropSuccess {
    color: #6B6B6B;
    left: 0;
}

.QapTcha .hidden {
    display: none;
}

.QapTcha .dropError {
    color: #A9A9A9
}

.wpcf7-submit:disabled, .wpcf7-submit.submitDisabled, .submitDisabled {
    background-color: #666 !important;
    cursor: no-drop;
}