/*! visualCaptcha - v0.0.7 - 2015-07-13
* http://visualcaptcha.net
* Copyright (c) 2015 emotionLoop; Licensed MIT */

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.visualCaptcha-accessibility-button:hover,.visualCaptcha-possibilities img:hover,.visualCaptcha-refresh-button:hover,.visualCaptcha-playAudio-button:hover{
	cursor:pointer
}

.visualCaptcha{
	margin-bottom:20px;
	padding-bottom: 5px;
	min-height:120px;
	border-radius: 14px 14px 14px 14px;
}

@media only screen and (min-width:750px){
	.visualCaptcha{
		margin-bottom:50px;
	}
}

.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;
	height:40px;
	width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-left:10px;
}

@media only screen and (min-width:700px){
	.visualCaptcha .audioField{
		width:80%;
		float:left;
	}
}

@media only screen and (max-width:1000px){
	.visualCaptcha .audioField{
		width:75%;
		float:left;
	}
}

@media only screen and (max-width:700px){
	.visualCaptcha .audioField{
		width:70%;
		float:left;
	}
}

@media only screen and (max-width:550px){
	.visualCaptcha .audioField{
		width:60%;
		float:left;
	}
}

@media only screen and (max-width:430px){
	.visualCaptcha .audioField{
		width:50%;
		float:left;
	}
}

@media only screen and (max-width:360px){
	.visualCaptcha .audioField{
		width:40%;
		float:left;
	}
}

@media only screen and (max-width:360px){
	.visualCaptcha .audioField{
		margin-bottom:15px
	}
}

.accessibility-description,.status.valid,.visualCaptcha-explanation{
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	padding:10px;
	text-align:center;
	font-family:Oxygen,sans-serif;
	font-size:18px;
    font-weight:100;
    margin:5px 5px 15px;
}

.visualCaptcha {
    text-align: center;
}

.visualCaptcha .visualCaptcha-possibilities,
.visualCaptcha .visualCaptcha-button-group {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.visualCaptcha-possibilities {
	margin-left:5px;
}

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

.visualCaptcha-possibilities img{
    width:32px;
    height:32px;
    z-index:5;
    transition:all 200ms;
    -webkit-transition:all 200ms;
}

.visualCaptcha-accessibility-button img,.visualCaptcha-refresh-button img, .visualCaptcha-playAudio-button img{
    width:16px;
    height:16px;
}

@media only screen and (max-width:360px){
	.accessibility-description,.status.valid,.visualCaptcha-explanation{
	    font-size:16px
	}
	.visualCaptcha-possibilities .visualCaptcha-button-group{
	    text-align:center;margin-top:15px
	}
}

@media only screen and (min-width:750px){
    .visualCaptcha-possibilities{
    	margin-right:15px;
	}
	.visualCaptcha-possibilities .img{
    	padding:10px;
	}
	.visualCaptcha-possibilities .visualCaptcha-button-group{
    	float:right;
    }
}

.visualCaptcha-possibilities .visualCaptcha-selected{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:4px;
}

.visualCaptcha-refresh-button{
	padding:9px 10px 7px;
	margin:0 5px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}

.visualCaptcha-accessibility-button{
	padding:9px 10px 7px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}

.visualCaptcha-playAudio-button{
	padding:9px 10px 7px;
	margin:0 5px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}

div.visualCaptcha .visualCaptcha-hide{
	display:none!important;-webkit-animation:fadeOut 300ms;animation:fadeOut 300ms
}