/**-------------------------------------------------
 * Simple Captcha System
 * @package Code Snippets
 * @link http://rhythmshahriar.com/codes/
 * @author Rhythm Shahriar <rhy@rhythmshahriar.com>
 * @link http://rhythmshahriar.com
 * @copyright Copyright © 2017, Rhythm Shahriar
 ---------------------------------------------------*/

#captcha {
    border-top: 5px solid #F64747;
    background-color: #FFF;
    margin: 0 auto;
}


#captcha .captcha-from {
    max-width: 50%;
    margin: 0 auto;
}

#captcha .captcha-from label{
    font-weight: normal;
}

#captcha .form-control{
    border-radius: 0;
}
#captcha .input-group-addon {
    border-top-left-radius: 0 ;
    border-bottom-left-radius: 0;
}

#captcha .captcha-group div{
    display: inline-block;
}

#captcha .captcha-code .code{
    width: 170px;
    height: 70px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px solid #CCC;
}

#captcha .captcha-code .code .dynamic-code{
    text-shadow: 4px 4px 5px rgba(150, 150, 150, 1);
    color: #2d2d2;
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently */
    cursor: help;
}

#captcha .captcha-code .code .dynamic-code:first-letter{
    font-size: 48px;
}

#captcha .captcha-code .captcha-reload{
    cursor: pointer;
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
    max-width: 36px;
}

#captcha .captcha-code .captcha-reload:hover{
    color: #00B16A;
}

#captcha #captcha-input{
    max-width: 200px;
    margin-top: 15px;
}

#captcha .btn{
    border-radius:10rem;
}
    
#captcha button {
  border-radius: 10rem;
}

#captcha button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

#captcha button,
input {
  overflow: visible;
}

#captcha button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

#captcha button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

#captcha button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

#captcha button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}