
.bk-captcha {
    background-color: #ECEEF2;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 300px;
    font-size: 0;
    box-sizing: border-box;
    user-select: none;
}

.bk-captcha * {
    box-sizing: border-box !important;
}

.bk-captcha_full {
    width: 100%;
}

.bk-captcha_check {
    padding: 20px;
}

.bk-captcha__check-icon-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 30px;
}

.bk-captcha__check-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.bk-captcha__check-item.active {
    pointer-events: none;
    cursor: default;
}

.bk-captcha__check-item:hover .bk-captcha__check-icon {
    box-shadow: 0px 0px 0px 1px #8FD08F;
    border-color: #8FD08F;
}

.bk-captcha__input-check {
    position: absolute;
    top: 8px;
    left: 9px;
    opacity: 0;
}

.bk-captcha__input-check:focus  ~ .bk-captcha__check-icon {
    box-shadow: 0px 0px 0px 1px #8FD08F;
    border-color: #8FD08F;
}

.bk-captcha__check-item:hover .bk-captcha__check-icon.bk-captcha__check-icon_fail {
    box-shadow: none;
    border-color: #DA2929;
    background-color: #DA2929;
}

.bk-captcha__input-check:focus  ~ .bk-captcha__check-icon.bk-captcha__check-icon_fail {
    box-shadow: none;
    border-color: #DA2929;
    background-color: #DA2929;
}

.bk-captcha__check-icon {
    width: 30px;
    height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background-color: #fff;
    transition: all 150ms linear;
    position: absolute;
}

.bk-captcha__check-icon.bk-captcha__check-icon_load {
    border-radius: 50%;
    border-top-color: transparent;
    animation: bk-spinner-rotate 1.6s linear infinite, spinner-colored 8s linear infinite;
    border-width: 2px;
    background-color: transparent;
    box-shadow: none !important;
}

.bk-captcha__check-icon.bk-captcha__check-icon_load:hover, .bk-captcha__check-icon.bk-captcha__check-icon_checked:hover, .bk-captcha__check-icon.bk-captcha__check-icon_fail:hover {
    box-shadow: none;
}

.bk-captcha__check-icon.bk-captcha__check-icon_checked {
    border-color: #1EA01E !important;

    background-color: #1EA01E;
    pointer-events: none;
}

.bk-captcha__check-icon.bk-captcha__check-icon_fail {
    border-radius: 50%;
    background-color: #FF4545;
    border-color: #FF4545 !important;
}

.bk-captcha__check-icon.bk-captcha__check-icon_fail::before {
    content:'';
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iQ2FudmFzIiBmaWxsPSJub25lIj48ZyBpZD0icmVib290IiBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48ZyBpZD0iVmVjdG9yIj48cGF0aCBkPSJNIDE1LjIgMEwgMTMuMTc1IDIuMDE1NTVDIDExLjc2NTYgMC44MjQyNjEgOS45NzgxMiAwLjA3NDY1MDEgOCAwLjA3NDY1MDFDIDMuNTcxODggMC4wNzQ2NTAxIDAgMy42Mjk4NiAwIDguMDM3MzJDIDAgMTIuNDQ0OCAzLjU3MTg4IDE2IDggMTZDIDEyLjQyODEgMTYgMTYgMTIuNDQ0OCAxNiA4LjAzNzMyTCAxNC40IDguMDM3MzJDIDE0LjQgMTEuNTkyNSAxMS41NzE5IDE0LjQwNzUgOCAxNC40MDc1QyA0LjQyODEyIDE0LjQwNzUgMS42IDExLjU5MjUgMS42IDguMDM3MzJDIDEuNiA0LjQ4MjExIDQuNDI4MTIgMS42NjcxOSA4IDEuNjY3MTlDIDkuNTM3NSAxLjY2NzE5IDEwLjkyODEgMi4yMjA4NCAxMi4wNSAzLjEzNTNMIDEwLjMyNSA0Ljg1MjI1TCAxNS4yIDQuODUyMjVMIDE1LjIgMFoiIGZpbGw9IndoaXRlIi8+PC9nPjwvZz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
}

.bk-captcha__check-icon .icon-check-custom-svg {
    display: none;
    position: absolute;
}

.bk-captcha__check-icon.bk-captcha__check-icon_checked .icon-check-custom-svg {
    display: block;
}

.bk-captcha__check-icon:hover {
    box-shadow: 0px 0px 0px 1px #8FD08F;
    border-color: #8FD08F;
}

.bk-captcha__check-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "PT Sans", "Arial";
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    margin-left: 10px;
    color: #000;
}

.bk-captcha__check-container {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

.bk-captcha__text-container {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    padding-top: 1px;
    padding-bottom: 1px;
}

.bk-captcha__text {
    font-family: "PT Sans", "Arial";
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: rgba(0,0,0,0.4);
    text-align: right;
}

.bk-captcha__img {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 58px;
    margin-right: 10px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.bk-captcha__img img {
    width: 100%;
    height: 100%;
    transition: opacity 250ms linear;
}

.bk-captcha__img .bk-spinner {
    opacity: 0;
    transition: opacity 250ms linear;
}

.bk-captcha__img.active img {
     opacity: 0;
}

.bk-captcha__img.active .bk-spinner {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
}



.bk-captcha__input-container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 130px);
    position: relative;
}

.bk-captcha__label {
    display: block;
    position: relative;
}

.bk-captcha__input {
    width: 100%;
    height: 40px;
    padding-left: 13px;
    padding-right: 13px;
    font-family: 'PT Sans', 'Arial';
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-appearance: none !important;
    outline: none;
    transition: box-shadow 150ms linear, border-color 150ms linear;
}

.bk-captcha__input:hover {
    box-shadow: 0px 0px 0px 1px #8FD08F;
    border-color: #8FD08F;
}

.bk-captcha__input:focus {
    box-shadow: 0px 0px 0px 1px #8FD08F;
    border-color: #8FD08F;
}

.bk-captcha__input.bk-input-text_error {
    background-color: #F7E3CA;
    padding-right: 35px;
}

.bk-captcha__icon-err {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iQ2FudmFzIiBmaWxsPSJub25lIj48ZyBpZD0iY29tcGxhaW50IiBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48ZyBpZD0iVmVjdG9yIj48cGF0aCBkPSJNIDIgMTYuMDA4OEMgMiAxNi41NjExIDIuNDQ3NzIgMTcuMDA4OCAzIDE3LjAwODhMIDE4LjA2MjIgMTcuMDA4OEMgMTguMjM4MiAxNy4wMDg4IDE4LjQxMSAxNi45NjI0IDE4LjU2MzIgMTYuODc0MkMgMTkuMDQxMiAxNi41OTc1IDE5LjIwNDQgMTUuOTg1NyAxOC45Mjc2IDE1LjUwNzdMIDExLjM5NjUgMi40OTk0NkMgMTEuMzA5IDIuMzQ4MjUgMTEuMTgzNCAyLjIyMjYyIDExLjAzMjEgMi4xMzUwN0MgMTAuNTU0MiAxLjg1ODM2IDkuOTQyMzkgMi4wMjE1IDkuNjY1NjggMi40OTk0NkwgMi4xMzQ1NyAxNS41MDc3QyAyLjA0NjQyIDE1LjY2IDIgMTUuODMyOCAyIDE2LjAwODhaTSAwLjQwMzcyMSAxNC41MDU3TCA3LjkzNDgzIDEuNDk3MzlDIDguNzY0OTcgMC4wNjM1MDM1IDEwLjYwMDMgLTAuNDI1OTI1IDEyLjAzNDIgMC40MDQyMTlDIDEyLjQ4NzggMC42NjY4NDkgMTIuODY0OCAxLjA0Mzc1IDEzLjEyNzQgMS40OTczOUwgMjAuNjU4NSAxNC41MDU3QyAyMS40ODg2IDE1LjkzOTUgMjAuOTk5MiAxNy43NzQ5IDE5LjU2NTMgMTguNjA1QyAxOS4xMDg1IDE4Ljg2OTUgMTguNTkgMTkuMDA4OCAxOC4wNjIyIDE5LjAwODhMIDMgMTkuMDA4OEMgMS4zNDMxNSAxOS4wMDg4IDMuMDg2ODJlLTA4IDE3LjY2NTYgMy4wODY4MmUtMDggMTYuMDA4OEMgMy4wODY4MmUtMDggMTUuNDgwOSAwLjEzOTI2IDE0Ljk2MjUgMC40MDM3MjEgMTQuNTA1N1pNIDEwLjUzMTEgNS4wMDg3N0MgOS45Nzg4MiA1LjAwODc3IDkuNTMxMTEgNS40NTY0OSA5LjUzMTExIDYuMDA4NzdMIDkuNTMxMTEgMTIuMDA4OEMgOS41MzExMSAxMi41NjExIDkuOTc4ODIgMTMuMDA4OCAxMC41MzExIDEzLjAwODhDIDExLjA4MzQgMTMuMDA4OCAxMS41MzExIDEyLjU2MTEgMTEuNTMxMSAxMi4wMDg4TCAxMS41MzExIDYuMDA4NzdDIDExLjUzMTEgNS40NTY0OSAxMS4wODM0IDUuMDA4NzcgMTAuNTMxMSA1LjAwODc3Wk0gMTAuNTMxMSAxNC4wMDg4QyA5Ljk3ODgyIDE0LjAwODggOS41MzExMSAxNC40NTY1IDkuNTMxMTEgMTUuMDA4OEMgOS41MzExMSAxNS41NjExIDkuOTc4ODIgMTYuMDA4OCAxMC41MzExIDE2LjAwODhDIDExLjA4MzQgMTYuMDA4OCAxMS41MzExIDE1LjU2MTEgMTEuNTMxMSAxNS4wMDg4QyAxMS41MzExIDE0LjQ1NjUgMTEuMDgzNCAxNC4wMDg4IDEwLjUzMTEgMTQuMDA4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMikiIGZpbGw9IiNGQTk2MUUiLz48L2c+PC9nPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    background-size: cover;
    right: 6px;
    top: 9px;
}

.bk-captcha__input.bk-input-text_error ~ .bk-captcha__icon-err {

    display: block;
}

.bk-captcha__btn {
    display: block;
    font-family: 'PT Sans', 'Arial';
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    margin-top: 1px;
}

@keyframes bk-captcha-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 360px) {
    .bk-captcha {
        width: 100%;
    }
    .bk-captcha_check {
        padding: 20px 15px;
    }
    .bk-captcha__img {
        width: 110px;
    }
    .bk-captcha__input-container {
        width: calc(100% - 120px);
    }
    .bk-captcha__btn {
        font-size: 13px;
    }
    .bk-captcha__check-text {
        font-size: 16px;
    }
    .bk-captcha__text {
        font-size: 13px;
    }
}

.bk-captcha_narrow {
    width: 100%;
}

.bk-captcha_narrow .bk-captcha__img {
    width: 110px;
}
.bk-captcha_narrow .bk-captcha__input-container {
    width: calc(100% - 120px);
}
.bk-captcha_narrow .bk-captcha__btn {
    font-size: 13px;
}

.bk-captcha_narrow.bk-captcha_check {
    padding: 20px 15px;
}

.bk-captcha_narrow.bk-captcha_check .bk-captcha__check-text {
    font-size: 16px;
}
.bk-captcha_narrow.bk-captcha_check .bk-captcha__text {
    font-size: 13px;
}

.new-boss .support_new .controls input.bk-captcha__input {
    height: 40px;
    padding-left: 13px;
    padding-right: 13px;
    line-height: 26px;
    font-family: "PT Sans", "Arial";
}