body {
}

@import url(https://fonts.googleapis.com/css?family=Roboto);

$rgb-204: rgb(204, 204, 204);
.input-container {
    background-color: rgb(249, 249, 249);
    border: 1px solid #d3d3d3;
    height: 74px;
    width: 300px;
    font-family: Roboto, sans-serif;
    display: inline-block;
    input

{
    margin-top: 28px;
}

}

.im {
    width: 32px;
    display: inline;
    margin-left: 60px;
    margin-bottom:20px;
}


.recaptcha {
    font-size: 12px;
    margin-left: -55px;
    position: relative;
    bottom: -10px;
}

.dash {
    font-size: 8px;
    text-decoration: none;
    display: inline;
    position: relative;
    top: -22px;
    right: -232px;
}


.triangle {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid $rgb-204;
    border-top: 7px solid transparent;
    position: relative;
    left: 10px;
    top: -55px;
}

.not-human {
    width: 340px;
    height: 200px;
    background-color: white;
    border: 1px solid $rgb-204;
    padding: 15px;
    position: relative;
    top: -55px;
    left: 3px;
    .captcha-code

{
    padding: 15px 0;
    border: none;
    border-bottom: 1px solid $rgb-204;
    font-size: 18px;
    width: 90%;
    margin-left: 50%;
    transform: translateX(-50%);
    &:focus

{
    outline: none;
    border-bottom: 1px solid rgb(74, 144, 226);
}

}

.im {
    display: inline-block;
    position: relative;
    left: 75px;
    width: 300px;
    height: 57px;
}

.line {
    width: 370px;
    height: 1px;
    background-color: $rgb-204;
    margin-top: 90px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.img {
    width: 24px;
    height: 24px;
    position: relative;
    top: -36px;
    margin: 0 4px 75px 4px;
    display: inline-block;
    cursor: pointer;
    background-size: 24px 24px;
    opacity: 0.55;
    &.replay

{
    background: url(https://www.gstatic.com/recaptcha/api2/refresh.png);
}

&.audio {
    background: url(https://www.gstatic.com/recaptcha/api2/audio.png);
}

&.info {
    background: url(https://www.gstatic.com/recaptcha/api2/info.png)
}

&:hover {
    opacity: 1.0;
}

}

.verify {
    float: right;
    position: relative;
    top: -42px;
    margin-right: 5px;
    background-color: rgb(74, 144, 226);
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 2px;
    cursor: pointer;
}

}

.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
}