/*! visualCaptcha - v0.0.5 - 2014-03-13
* http://visualcaptcha.net
* Copyright (c) 2014 emotionLoop; Licensed MIT */


.visualCaptcha {

    min-height: 110px

}

.visualCaptcha * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

.visualCaptcha .audioField {

    font-size: 15px;

    color: #495e62;

    font-weight: 100;

    padding: 5px;

    border: 1px solid #3bb6e4;

    height: 40px;

    width: 100%;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px

}

.visualCaptcha-button-group {
    background: white;
    padding: 7px;
    vertical-align: bottom;
}

.visualCaptcha-possibilities {
    background:white;
    width: calc(100% - 100px);
}

@media only screen and (max-width: 360px) {

    .visualCaptcha .audioField {

        margin-bottom: 15px

    }

}

@media only screen and (min-width: 360px) {

    .visualCaptcha .audioField {

        width: 240px;

        float: left

    }

}

.accessibility-description,

.vcaptcha p.visualCaptcha-explanation,

.status.valid {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #c1f7e8;
    padding: 7px;
    text-align: center;
    font-family: Oxygen, sans-serif;
    font-size: 16px;
    color: #219589!important;
    font-weight: 100;
    margin:6px;
}

@media only screen and (max-width: 360px) {
    .accessibility-description,
    .visualCaptcha-explanation,
    .status.valid {
        font-size: 16px
    }
}

.visualCaptcha-possibilities,
.visualCaptcha-refresh-button,
.visualCaptcha-accessibility-button,
.visualCaptcha-button-group {
    display: inline-block
}

.visualCaptcha-possibilities {
    vertical-align: middle
}

@media only screen and (min-width: 750px) {
    .visualCaptcha-possibilities {
        /*margin-right: 15px*/
    }
}

.visualCaptcha-possibilities .img {
    padding: 4px;
    border: 1px solid #fff;
    display: inline-block;
    width: 20%;
    text-align: center;

}

.visualCaptcha-possibilities .img img {
    display:inline-block;
}

@media only screen and (min-width: 750px) {
    .visualCaptcha-possibilities .img {
        padding: 8px;
        border: 2px solid #fff
    }
}

.visualCaptcha-possibilities img {

    width: 32px;

    height: 32px;

    z-index: 5;

    transition: all 200ms;

    -webkit-transition: all 200ms

}

.pcform_slide .visualCaptcha-possibilities .img {
    padding: 4px;
    border: 1px solid #fff;
    display: inline-block;
}

.visualCaptcha-possibilities img:hover {

    cursor: pointer

}

@media only screen and (max-width: 360px) {

    .visualCaptcha-possibilities .visualCaptcha-button-group {

        text-align: center;

        margin-top: 15px

    }

}

@media only screen and (min-width: 750px) {

    .visualCaptcha-possibilities .visualCaptcha-button-group {

        float: right

    }

}

.visualCaptcha-possibilities .visualCaptcha-selected {

    background-color: #c1f7e8;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    padding: 4px;

    border: 1px dashed #099a9f

}

@media only screen and (min-width: 750px) {

    .visualCaptcha-possibilities .visualCaptcha-selected {

        padding: 8px;

        border: 2px dashed #099a9f

    }

}

.visualCaptcha-refresh-button {

    padding: 9px 10px 7px;

    margin: 0 5px;

    background-color: #f87056;

    border: 1px solid #f87056;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px

}

.visualCaptcha-refresh-button img {

    width: 16px;

    height: 16px

}

.visualCaptcha-refresh-button:hover {

    cursor: pointer

}

.visualCaptcha-accessibility-button {

    padding: 9px 10px 7px;

    border: 1px solid #000;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px

}

.pcform_slide .visualCaptcha-accessibility-button {
    padding: 5px 6px 4px;
    border: 1px solid #000;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.pcform_slide .visualCaptcha-possibilities .visualCaptcha-selected {
    border: 1px dashed #099a9f;
}


.pcform_slide .visualCaptcha-refresh-button {
    padding: 5px 6px 4px;
    margin: 0 5px;
    background-color: #f87056;
    border: 1px solid #f87056;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.pcform_slide .visualCaptcha-button-group {
    padding:6px;
    padding-top:5px;
}

.visualCaptcha-accessibility-button img {

    width: 16px;

    height: 16px

}

.visualCaptcha-accessibility-button:hover {

    cursor: pointer

}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}

@keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}

@-webkit-keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}

@keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}

div.visualCaptcha .visualCaptcha-show {

    -webkit-animation: fadeIn 300ms;

    animation: fadeIn 300ms

}

div.visualCaptcha .visualCaptcha-hide {

    display: none!important;

    -webkit-animation: fadeOut 300ms;

    animation: fadeOut 300ms

}

.vcaptcha {
    background-color: white;
    border-radius: 10px;
}